Question

我很擅长通过使用触发器将值从孩子传递给父母。

但是说我有显示项目的祖父母组件。内部项目中，我有一个带有按钮的覆盖层，该按钮启动一个模态并在内部添加另一个项目，如下所示：

第1层：无论是否显示模式，项目显示/都有一个参数。默认情况下不是/
第2层：项目
第3层：使用添加项按钮覆盖项目。

我希望我的所谓第3层的添加项按钮引起第1层的更改，将show-modal参数更改为true。

我应该在这里使用应用程序状态管理来做什么？是否有没有应用程序状态管理实现的方法？

非常感谢。

Answer 1

Layer1 = React.createComponent({
    updateState(value) {
        return this.setState({value: value});
    },

    render() {
        return <Layer2 onClick={this.updateState}/>;
    }

});

Layer2 = React.createComponent({

    render() {
        return <Layer3 onClick={this.props.onClick}/>;
    }

});

Layer3 = React.createComponent({

    handleClick() {
        return this.props.onClick('new value sending up!');
    },

    render() {
        return <button onClick={this.handleClick}/>;
    }

});

将值从子级传递给父级，然后传递给父级的父级（React.js）

1 个答案: