我想将一个组件的值传递给其他组件

Question

我正在学习reactjs，我想将onSubmit事件之后的数据传递给另一个组件以使用该数据。

例如：

在main.js文件组件中

handleSubmit(e){    
    var value = this.state.name;    
}

我要在此处将数据传递到Data.js文件

finalData(){    
    var answer = //value data    
}

我看过很多资料，但没有得到正确的答案。谢谢

Answer 1

使用道具或上下文在组件之间共享数据 在react中，您使用道具在组件之间传递数据。

在这里查看文档： https://reactjs.org/docs/components-and-props.html

如果您的组件不在组件层次结构中，则可以考虑使用react上下文。

在此处查看文档：{​​{3}}

Answer 2

有许多方法可以在reactjs中共享状态。例如：

1. 使用全局状态树，例如mobx
2. 使用上下文，就像redux或本机createContext
3. 使用共同的父母通过props
4. 使用hooks API

您可以尝试以下任何一种方法，mobx很简单，redux已工业化，props是共享简单私有状态的简便方法。