当我们使用 this.props.history.push("/next Component") 移动到下一个组件时，我们可以传递一个值吗？

Question

I want to send Task_id to the ShowRecommendation.js component

  recommend = Task_id => {
        this.props.history.push("/ShowRecommendation");
      };

How it can be done?

Answer 1

With react-router you can transfer "state"

this.props.history.push({
  pathname: '/ShowRecommendation',
  state: { taskid: Task_id }
})

and at the ShowRecommendation.js componenet you can get the value using

console.log(this.props.location.state)

Comment if you have more questions