Router不在URL中的react.js传递参数

Question

嗨，我想从一个页面移动到另一个页面，并传递paramterssearch和type。如果URL中没有这些参数，我可以用react router实现这一点吗？

我正在使用 查看https://github.com/rackt/react-router/blob/master/docs/guides/overview.md#dynamic-segments和解决方案，但在将params传递给URL之前，它无法工作。

编辑1。路线：

<Route name="app" path="/" handler={App}>
    <Route name="realestates" handler={RealEstatesPage}/>
    <Route name="realestatesPrefiltered" path="realestatesPrefiltered/:search/:type" handler=RealEstatesPage}/>
    <Route name="realestate" handler={RealEstateDetails}/>
    <DefaultRoute handler={MainPage}/>
</Route>

Answer 1

你提到的链接概述了两种不同的策略。首先，动态段只是参数化的URL，其中参数作为URL路径的一部分而不是在查询字符串中发送。所以这些需要公开可见。

第二，可以使用道具。这是在“幕后”传递信息的唯一受支持的选项。此外，它是React中的首选方法。问题是，这在哪里会发生？

一个选项是在顶层从router.run()内部传入值。上面的链接概述了这一点，每个嵌套处理程序都向下传递道具，或者显式地传递，比如 ，或者使用扩展属性，比如 。

<Route name="app" path="/" handler={App}>
    <Route name="realestates" handler={RealEstatesPage}/>
    <Route name="realestatesPrefiltered" handler={RealEstatePrefiltered}>
       <Route name="homes" handler={RealEstateHouseDetails}/>
       <Route name="apartments" handler={RealEstateHouseDetails}/>
       <Route name="land" handler={RealEstateLandDetails}/>
    </Route>
    <Route name="realestate" handler={RealEstateDetails}/>
    <DefaultRoute handler={MainPage}/>
</Route>

RealEstatePrefiltered = React.createClass({
    getInitialState: function () {
        return { search: '', type: '' }; // Update from store or event.
    },
    render: function() {
        return <div>
            <RouteHandler search={this.state.search} type={this.state.type} />
        </div>;
    }
});

剩下的唯一问题是，如何更改该组件上的状态？您可以为此使用一个流量存储，或者您可以设置一个全局事件并让该组件监视更改。