onlyChildエラーは、私が<a href="https://react-component.github.io/slider/examples/range.html" rel="nofollow noreferrer">rc-slider</a>を使用していると私は、次のエラーを取得しています

Question

に反応します必要な分野を除いて。

コード：コンストラクタであなたのアクション機能バインド

const Slider = require('rc-slider') 

class PropertySlider extends Component { 

    constructor(props) { 
    super(props); 
    this.state = { 
     min:10, 
     max:50, 
     sliderRange: [20, 40], 
    }; 
    } 

    onSliderChange(value) { 
    console.log(value); 
    } 

    render() { 
    return(
     <div style={{'width': '80%', 'margin': '0 auto'}}> 

     <Slider 
      range 
      defaultValue={[20, 50]} 
      min={this.state.min} 
      max={this.state.max} 
      onChange={this.onSliderChange}/> 
     </div> 
    ); 
    } 
} 

Answer 1

。

constructor(props) { 
    super(props); 
    this.state = { 
     min:10, 
     max:50, 
     sliderRange: [20, 40], 
    }; 
    this.onSliderChange = this.onSliderChange.bind(this); 
    }