滑块事件状态的设置状态不是函数错误

Question

我在更新滑块时尝试更改状态。 不知何故，setState不是函数错误：

＆＃34; TypeError：this.setState不是函数＆＃34;

我有新的反应，我可能还没有意识到如何使用这个州。

self.view.backgroundColor = UIColor(netHex: 0x27ae60)

Answer 1

您需要将此绑定到onSliderChange函数。

<SliderComponent value={this.state.value} tipTransitionName="rc-slider-tooltip-zoom-down" onChange={this.onSliderChange.bind(this)} />

您也可以在构造函数中执行此操作。

constructor(props) {
    super(props);
    console.log("SLIDER");
    console.log(props);
    this.state = {
        value: 50,
    };
    this.onSliderChange = this.onSliderChange.bind(this)
}

还有很多其他方法可以做到这一点。

https://medium.com/@housecor/react-binding-patterns-5-approaches-for-handling-this-92c651b5af56