javascript - 动态渲染组件中的错误道具

Question

我正在从这样的道具渲染我的组件：

  const submissions = this.props.submissions != null && this.props.submissions.map((item,i) => {
      return <SubmissionListItem key={i} submission={item} >
      </SubmissionListItem>
    })

每个组件都有道具。但是在子组件内部，当我调度一个动作来调用 API 时，在我的 componentWillReceiveProps(nextProps) 内部，道具总是更改为第一个渲染的组件

 componentWillReceiveProps(nextProps) {
        if (nextProps.boostId != null && this.props.boostId != nextProps.boostId) {
            this.setState({ RedirectTo: "boost" });
        }
    }

我在组件渲染上有一个唯一标识符，所以这种行为很奇怪。任何想法？

谢谢！

标签： javascriptreactjs