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

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. 您需要将var i = {"x":1} var j = JSON.stringify(i.x); var k = JSON.stringify(i); console.log(j); "1" console.log(k); '{"x":1}' 存储在父级状态并传递 它们是items和SaveCart的道具。

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

3. 这将触发状态更改并重新呈现callback。