改变路线时传递道具

Question

Home.js

class Home extends Component {

    handleClick = () => {
        hashHistory.push('/about')
    }

一个bout.js

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

也许类似于将道具发送到子组件，例如：

<About name="Sara" />

Answer 1

您不仅可以使用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

或

this.props.location.search

查看文档以了解更多详细信息。