javascript - react-router V4 Selepas penghalaan bersarang, bagaimanakah laluan induk menghantar parameter khusus kepada laluan anak?

Question

Berikut ialah kod bersarang

ReactDOM.render(
  <HashRouter>
    <App>
      <Route path='/login' component={Login} />
    </App>
  </HashRouter>,
  document.getElementById('root')

Kod apl penghalaan ibu bapa

constructor(props) {
    super(props);
    this.state = {
      userName: '123'
    }
  }
render() {
    return <p className="App">
      {this.props.children}
    </p>
   }

Bagaimana untuk menghantar parameter UserName ke sub-laluan log masuk?

Answer 1

Gunakan konteks buat sementara waktu untuk menghantar data dalam keadaan penghalaan induk kepada komponen penghalaan anak
Penggunaan konteks

Answer 2

Saya tidak tahu bagaimana anda mahu mencapainya. Jika anda hanya membawa data ke sana, anda boleh melakukan ini

/login/:userName

Answer 3

Jika komponen penghalaan perlu melepasi parameter, komponen Laluan seharusnya tidak menetapkan komponen, tetapi render Sila baca dokumentasi rasmi penghala tindak balas sebelum memutuskan sama ada untuk bertanya soalan.