Question

我是reactjs的新手，正在创建一个音量栏。

我用我的价值更新了我的状态，并且我想在handleclick () {};中输入它，因此我会更新状态并将其插入我的函数setVolume ();

我还有另一种方法可以将setstate输入handleclick ();吗？

import React from 'react'
import Slider from 'react-rangeslider'
import 'react-rangeslider/lib/index.css'
import './css/Volume.css'

class VolumeBar extends React.Component 

constructor(props, context) {
super(props, context)
this.state = {
  volume: 0
}
}

handleOnChange = (value) => {
this.setState({
  volume: value
})
}

handleClick(volume) {
 window.DZ.player.setVolume()
  }

render() {
    let { volume } = this.state
    console.log(volume);
return (
    <div className="VolumeBar">
    <Slider value={volume} orientation="horizontal" onChange=  {this.handleClick} />
    </div>
);
}
}

export default VolumeBar

Answer 1

你试过这样的吗？

<Slider value={volume} orientation="horizontal" onChange=this.handleOnChange} />


handleOnChange = (e) => {
  this.setState({
      volume: e.target.value
})

设置当前音量？

Answer 2

Port

谢谢你我这样解决了。

reactjs插入句柄变量状态更新

2 个答案: