从父母的另一个孩子更新孩子的状态

Question

我的父母有两个孩子。

ReactDOM.render(
    <div>
        <SaveCart />
        <ImportCart carts={response.items || []}/>
    </div>,
    newContainer
);

SaveCart 只是一个组件，仅呈现一个 Button，它处理提示模式询问名称并通过 xhr 请求保存它。 http://kopy.io/rlzn0

ImportCart 是另一个仅呈现 Button 的组件，它处理已保存购物车的模式对话框，并将它们导入购物车功能。http://kopy.io/mlK5w

我想要的是，如果我保存的购物车是空的，当通过 SaveCart 组件保存购物车时，我想更新 ImportCart 中的购物车属性或状态。

Answer 1

1. 您需要将items 存储在父状态并通过 它们作为 SaveCart 和 ImportCart 的道具。

2. 每当用户通过SaveCart 保存项目时，将其传递给 callback 给父母，让父母修改它的项目（和 添加新的）。

3. 这将触发ImportCart 的状态更改和重新呈现。