时间戳

首页 > 解决方案 > 在 React 中将值从一个父组件传递到另一个父组件

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

问题描述

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

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

标签： javascriptreactjs

解决方案

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

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

Redux 上下文 API

推荐阅读