Question

所以我正在使用 react-router，并且在我从 page1 到 page2 发送一些带有链接的状态后

chart.generateLegend()

当我进入 page2 时，如何更新此状态，我已尝试使用 <Link to={{ pathname: `/dashboard/edit/${resort.id}`, state: { resort: resort }, }} style={{ textDecoration: 'none', color: 'black' }} > <i className="fas fa-edit db-icon" style={{ background: 'rgb(12, 177, 12)', color: 'black' }} ></i> </Link>;，但这不起作用，我已尝试解构如下发送的状态，但没有用要么

this.setState

有什么建议吗？

Answer 1

<块引用>

永远不要直接改变 this.state

试试这个：

constructor() {
  super();
  this.state = { resort: {} };      
}

componentDidMount = () => {
  this.setState({resort: this.props.location.state.resort});
}

Answer 2

考虑使用 componentDidMount 生命周期钩子并使用 setState 将这些值设置为组件 state 像这样

像这样

constructor() {
  super();
  this.state = {
    resort: {}
  }
}

compoonentDidMount() {
  this.setState({ resort: this.props.location.state.resort })
}

如何更新通过反应路由器链接传递的状态

2 个答案: