如何從React組件返回值？

Question

我使用JQueryUI創建了一個滑塊組件，它在內部計算其當前滑塊值。 我這樣呈現：

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

在滑塊組件內部，我調用此getValue()函數並傳遞當前滑塊值：

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

在我渲染組件的jsx文件中，我只能檢索回調函數getValue（）中滑塊的值。 有什么方法可以直接獲取值而不是回調內部？

Answer 1

您可以使用對已安裝組件的引用來獲取其狀態：

var Slider = React.createClass({
  getInitialState: function() {
    return {
      sliderValue: 5
    };
  },
  render: function() {
    return <div />;
  }
});

var mySlider = ReactDOM.render(<Slider />, document.body);
console.log(mySlider.state.sliderValue);

在React文檔中查看有關將refs用於組件的更多信息。

Answer 2

不確定在對象內部戳是一個明智的想法。 如果調用對象需要知道Slider內部而不是通過回調推送值，並使用“value =”返回它是正確的事情。 了解反應中受控對象與未受控對象的區別： https ： //facebook.github.io/react/docs/forms.html

ps使用value = {this.getValue.bind（this）}這樣getValue可以將它保存到此，以便其他方法可以在需要時使用它