Réagir Routeur en passant params. Comment?

Les suivants Réagir Routeur

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'));
});

J'essaie de construire des liens dynamiques à l'intérieur d'un Composant enfant et là, j'ai un 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>

mais en cliquant sur le lien de la propId n'est pas passé, ce que je fais mal?

OriginalL'auteur fefe | 2015-08-02

  1. 7

    Pour que cela fonctionne, vous devez utiliser le nom de la route dans la à propriété de Lien composant, sinon le routeur ne peut pas savoir qui définition de la route que vous voulez dire et donc de quoi faire avec le propId paramètre.

    Tout d'abord, définissez un nom pour votre itinéraire

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

    et ensuite utiliser le nom lors de la génération du lien:

    <Link to="/property/:propId" params={{ propId: "123"}} >
    Je crois routes nommées ont été supprimés avec la 1.0+.
    Je l'obtenir avec votre suggèrent "Warning: Unknown prop params sur <a> tag. Supprimer cet accessoire à partir de l'élément.

    OriginalL'auteur jedrzej.kurylo