Question

我正在使用rc-slider，我收到以下错误：

 Error: onlyChild must be passed a children with exactly one child.

我有点困惑，因为除了所需的字段之外，你似乎没有在Rc滑块组件内传递任何东西。

代码：

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);
  }

React的onlyChild错误

1 个答案: