小编Laf*_*flm的帖子

我有一个函数，一旦选中主复选框，就会触发子复选框，所有这些复选框都是从JSON映射的。单击时会显示主要复选框（最高级别）及其下的所有子级复选框（第二级），并且效果很好，我要显示的是单击时主要复选框（第3级）的那些子级的子级第二级项目。

基本上是在检查时将所有三个订单都显示在彼此的下面，并将第三个订单添加到当前代码中，因此选项组显示Options，而Options下是我要显示的内容，分别是Option 1，Option 2，Option 3等等。上..

复选框值作为道具从Checkbox.js传递到发生提取/映射的Itemlist.js。

（PS我对每个部分都有选择限制，以防万一有人对选择过程感到困惑，这与这个问题无关，可以忽略）

主代码段：https ://codesandbox.io/embed/6jykwp3x6n ? fontsize =14

仅用于演示的第三级目标框：https : //codesandbox.io/embed/o932z4yr6y?fontsize=14，

Checkbox.js

import React from "react";
import "./Checkbox.css";

class Checkboxes extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      currentData: 0,
      limit: 2,
      checked: false
    };
  }

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