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

Question

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

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

Answer 1

将状态保存在父容器(高阶组件)中，并将状态作为 props 传递到这些组件中。听起来共享相同状态的组件应该构建为展示性无状态组件。

其他不包括螺旋钻的解决方案:

终极版上下文 API