Reactjs 改变路线时传递道具

Reactjs 改变路线时传递道具,reactjs,react-router,Reactjs,React Router,Home.js 关于.js 当路线改变时,有没有办法把道具从家里送到附近 可能类似于向子组件发送道具,如下所示: <About name="Sara" /> 您可以使用history.push不仅更改路径名,还可以添加状态、搜索查询或哈希 class Home extends Component { handleClick = () => { history.push({ pathname: '/about'

Home.js

关于.js

当路线改变时,有没有办法把道具从家里送到附近

可能类似于向子组件发送道具,如下所示:

<About name="Sara" />

您可以使用history.push不仅更改路径名,还可以添加状态、搜索查询或哈希

class Home extends Component {

    handleClick = () => {
        history.push({
            pathname: '/about'
            state: { name: "Sara"}
        }
    }
}
您还可以使用以下搜索:

class Home extends Component {

    handleClick = () => {
        history.push('/about?name=sara')
    }
}
这取决于您是否希望在url中包含信息

然后它在您的路线中变得可用:

this.props.location.state


查看更多详细信息。

您的react路由器版本是什么?react路由器:^3.0.2,请检查此答案,而不是答案中使用的history.push,您可以对Browser history执行与Welly history相同的操作。push您指的是hashHistory.push?我只能让它与hashHistory.push一起工作。现在我看到您正在使用react路由器的v3,tbh我对此不太了解。我不知道什么确切有效/无效。但是如果它与hashHistory.push一起工作,那就太好了:。在你的新路线上也读到了州的信息?我也不太了解历史
this.props.location.state
this.props.location.search