在React中将值从一个父组件传递到另一个

Question

我有一个组件Avanger，当该组件卸载时，我想将其状态转移到另一个名为Battle的组件 每当Avanger更新时，我都会尝试将Avanger状态的值传递给Battle，所以我尝试这样做

  componentDidUpdate() {
        console.log(this.state.selectedAvangers)
        return <div><Battle val={this.state.selectedAvangers} /></div>
    }

Answer 1

将状态保留在父容器（高阶组件）中，并将状态作为道具传递给这些组件。听起来应该将具有相同状态的组件构建为表示性无状态组件。

其他不包含钻探的解决方案：

Redux

上下文API