Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在ReactJS中为复选框选择限制函数添加最小值和最大值_Javascript_Reactjs_Checkbox_Ecmascript 6_Radio Button - Fatal编程技术网

Javascript 在ReactJS中为复选框选择限制函数添加最小值和最大值

Javascript 在ReactJS中为复选框选择限制函数添加最小值和最大值,javascript,reactjs,checkbox,ecmascript-6,radio-button,Javascript,Reactjs,Checkbox,Ecmascript 6,Radio Button,我有一个react应用程序,它将JSON值映射到复选框中,JSON包含一个最小/最大所需值,我制作了一个函数,该函数将JSON中的最大值设置到复选框中,效果很好,但每当我尝试将最小值添加到相同的函数时,它都不起作用,我尝试了以下方法(this.props.min

我有一个react应用程序,它将JSON值映射到复选框中,JSON包含一个最小/最大所需值,我制作了一个函数,该函数将JSON中的最大值设置到复选框中,效果很好,但每当我尝试将最小值添加到相同的函数时,它都不起作用,我尝试了以下方法(this.props.min checkbox.js最大函数

....
selectData(id, event) {
    let isSelected = event.currentTarget.checked;
    if (isSelected) {
      if (this.state.currentData < this.props.max) {
        this.setState({ currentData: this.state.currentData + 1 });
      } else {
        event.preventDefault();
        event.currentTarget.checked = false;
      }
    } else {
      this.setState({ currentData: this.state.currentData - 1 });
    }
  }

....
。。。。
选择数据(id、事件){
让isSelected=event.currentTarget.checked;
如果(当选){
if(this.state.currentData

完整代码:

您在代码中添加了两个问题:

  • 您忘记将最小道具传递给您的
    复选框
    组件(来自
    项目列表
  • 取消选中时的条件并不完全正确
  • 请参见此处的工作示例: