如何从React组件返回值？

Question

我使用JQueryUI创建了一个滑块组件，它在内部计算其当前滑块值。我这样呈现：

<Slider config={config} value={this.getValue} />

在滑块组件内部，我调用此getValue()函数并传递当前滑块值：

this.props.value(this.state.sliderValue); 

在我渲染组件的jsx文件中，我只能检索回调函数getValue（）中滑块的值。有什么方法可以直接获取值而不是回调内部？

Answer 1

您可以使用对已安装组件的引用来获取其状态：

dotnet test

详细了解如何使用refs to components in the React docs。

Answer 2

不确定在对象内部戳是一个明智的想法。如果调用对象需要知道Slider内部而不是通过回调推送值，并使用“value =”返回它是正确的事情。了解反应中受控对象与未受控对象的区别：https://facebook.github.io/react/docs/forms.html

p.s use value = {this.getValue.bind（this）}这样getValue可以将它保存到 this ，以便其他方法可以在需要时使用它