我这里有一个组件，

const ParentComponent = () => {
  const [state, setState] = useState();
  const toggleState = (id) => {
    setState(); //setting some stuff
  };

  const list = data.map((datas) => (
    <ComponentOne>
      {datas.children === undefined ? (
        <ComponentTwo>Not Found</ComponentTwo>
      ) : (
        datas.children.map((datasTwo) => (
          <ComponentTwo state={state} toggleState={toggleState}>
            Found
          </ComponentTwo>
        ))
      )}
    </ComponentOne>
  ));

  return <>{list}</>;
};

1.在该组件中，我返回一个由<ComponentOne />组成变量，我使用map函数循环该变量
1.在<ComponentOne />内部，i也有一个三进制来检查是否定义了某些东西，
1.如果它已定义，我将Map另一个组件，即<ComponentTwo />
1.在<ComponentTwo />中，我从<ParentComponent />中为state和toggleState定义了属性
如果我运行这段代码，会有一个Uncaught runtime errors: ERROR playButtonState is undefined
但是如果我只画一张这样的Map

const ParentComponent = () => {
  const [state, setState] = useState();
  const toggleState = (id) => {
    setState(); //setting some stuff
  };

  const list = data.map((datas) => (
    <ComponentTwo state={state} toggleState={toggleState}>
     found
    </ComponentTwo>
  ));

  return <>{list}</>;
};

没有人给我一个错误，思想？