根React组件如何与应用程序的其余部分交互？

Question

所以我有一个使用React构建的工作UI骨架。有一个包含所有状态信息的根组件，它有2个子组件：1显示一些状态信息（数据），1包含可以通过回调改变某些状态信息的按钮。如果我使用硬编码的伪数据对其进行初始化，则一切正常。

然后我有我的应用程序的实际内容，它不使用React或Angular或Redux或任何类型的东西，我需要能够以某种方式改变根组件的状态（即将原始数据传递给显示）。

现在，我如何将React UI与我的应用程序的单独业务逻辑结合起来？或者，如何将外部数据传递到我的根React组件？

我真的非常希望避免添加更多库。

Answer 1

一种方法是进行外部代码调用

ReactDOM.render( <Root propertyYouWantToUpdate={value} />, documentGetElementById('your-root-element') )

在根组件内创建自定义

componentWillReceiveProps(nextProps, nextState) { // calculate new state based on nextProps and existing state... this.setState(newCalculatedState) }