每次单击按钮时更新另一个组件中的变量值

Question

我正在使用 react-draft-wysiwyg 在 reactJS 中制作一个文本编辑器。我想在单击 editor.js 文件中的按钮后立即在 mobile.js 文件中设置变量 value 的更新值。现在，我只是在单击时在 editor.js 文件中更新它。但是在下面的代码中，每次单击时都不会更新该值。每当单击按钮时，如何更新 mobile.js 文件中 value 的值。

Answer 1

在 Mobile 组件中，您需要将 {this.value} 编辑为 {value}，以及从 export const Mobile = () => { 编辑为 export const Mobile = ({ value }) => {。

问题是您没有从 value 的父级读取 Mobile 道具，而是尝试读取 this.value ，它是功能组件内的 undefined。