将子函数传递给父组件

时间:2018-03-21 17:38:32

标签: javascript reactjs draftjs

我有组件AppTextBoxToolbar。 TextBox是draftjs组件,因此它基本上是textarea,具有很多功能。 Toolbar控件TextBox

//render in App 
return (
...
<TextBox changeTextBox={this.changeTextBox} ... />
<TextBox changeTextBox={this.changeTextBox} ... />
<Toolbar data={this.state.toolbarData} />
...
)

但不一定只有2 TextBox(这取决于用户)。每个TextBox应该有一个工具栏,即使用实际TextBox中的函数。正如我所说 - TextBox有很多功能。所以我认为将AppTextBox转换为同一个组件并不是一个好主意。但是我需要Toolbar来使用TextBox中的一些函数。我可以这样做 - 当我点击TextBox changeTextBox时会调用一个参数,这是一个对象,其中包含TextBox中的一些函数,然后是changeTextBox App中的内容会更改实际Toolbarthis.state.toolbarData,因此Toolbar可以控制TextBox。它工作正常,但感觉不对。这是一个好习惯还是我应该使用其他东西?

0 个答案:

没有答案
相关问题