Reagieren Router params übergeben. Wie?

Dass die folgenden Router Reagieren

const AppRoutes = (
  <Route path="/" handler={Properties}>
    <DefaultRoute handler={PropertyList} />
    <Route path="property/:propId" handler={PropertyDetail}/>
    <NotFoundRoute handler={NotFound} />
  </Route>);

Router.run(AppRoutes, Router.HashLocation, (Root) => {
  React.render(<Root />, document.getElementById('filter-content'));
});

Ich versuche, dynamischen Verknüpfungen innerhalb einer Kind-Komponente und hier habe ich einen test

<Link to="/property/" params={{ propId: "123"}} ><img src={this.props.data.picture} 
                         data-srcset="http://placehold.it/350x150"  alt="" className="lazyload auto-height" 
                                 data-sizes="auto"/>
                    </Link>

aber einen Klick auf den link die propId ist nicht immer übergeben, was ich falsch mache?

InformationsquelleAutor fefe | 2015-08-02

  1. 7

    Damit das funktioniert, müssen Sie den Namen der route ein in die zu Eigenschaft von Link Komponente, ansonsten router kann nicht wissen, welche route du meinst, und daher, was zu tun mit der propId parameter.

    Definieren Sie zuerst einen Namen für Ihre route

    <Route name="property" path="property/:propId" handler={PropertyDetail}/>

    und verwenden Sie dann den Namen, wenn die Generierung der link:

    <Link to="/property/:propId" params={{ propId: "123"}} >
    Ich glaube benannte Routen entfernt wurden mit 1.0+.
    Ich bekomme diese mit Ihren vorschlagen "Warnung: Unbekannte prop params auf <a> tag. Entfernen Sie diese Requisiten aus dem element.

    InformationsquelleAutor jedrzej.kurylo

Schreibe einen Kommentar