Bagaimana untuk Meluluskan Hartanah kepada Komponen Pengendali dalam Penghala Reaksi?

Melalukan Props kepada Komponen Pengendali dalam Penghala Reaksi

Dalam aplikasi React yang memanfaatkan React Router, keperluan timbul untuk menghantar sifat kepada komponen pengendali yang dimuatkan secara dinamik.

Pertimbangkan konfigurasi Penghala Reaksi berikut:

<code class="javascript">var Index = React.createClass({
  render: function () {
    return (
        <div>
            <header>Some header</header>
            <RouteHandler />
        </div>
    );
  }
});

var routes = (
  <Route path="/" handler={Index}>
    <Route path="comments" handler={Comments}/>
    <DefaultRoute handler={Dashboard}/>
  </Route>
);</code>

Untuk menghantar sifat kepada komponen Komen, anda boleh melanjutkan komponen Indeks seperti berikut:

<code class="javascript">class Index extends React.Component { // using babel here

  constructor(props) {
    super(props);
  }

  render() {
    return (
      <h1>
        Index - {this.props.route.foo}
      </h1>
    );
  }
}

var routes = (
  <Route path="/" foo="bar" component={Index}/>
);</code>

Pendekatan ini membolehkan anda mengakses sifat foo terus dalam komponen Indeks, dengan berkesan menurunkannya kepada komponen Komen.

Atas ialah kandungan terperinci Bagaimana untuk Meluluskan Hartanah kepada Komponen Pengendali dalam Penghala Reaksi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!