Javascript 如何在React中传递类组件中的数组对象？

我想使用中的

switch case

访问这个数组对象

条件

函数并在

项

类中显示结果

import React from "react";

class Conditional extends React .Component {
    constructor() {
        super();
       this .state = [
      {
    id: 1,
    name : "John",
    title: "Doe",
  },
  {
    id: 2,
    name : "Peter",
    title: "Parker",
  },
  {
    id: 3,
    name : "Richard",
    title: "Doe",
  },
];
  }

condition() {
let length = this . state .length;
console.log(length);
  }

  render() {
     return <div>{ <item data={this .condition()}/> }

  </div>;
  }
 }


class item extends React .Component {
 render() {
   return (
  <div>
    <p>{this .props .data}</p>
  </div>
);

  }

  export default Conditional ;

从“React”导入React；
类条件扩展React.Component{
构造函数（）{
超级（）；
此。状态=[
{
id:1，
姓名：“约翰”，
标题：“能源部”，
},
{
id:2，
姓名：“彼得”，
标题：“帕克”，
},
{
id:3，
姓名：“理查德”，
标题：“能源部”，
},
];
}
条件（）{
让length=this.state.length；
控制台日志（长度）；
}
render（）{
返回{}
;
}
}
类项扩展了React.Component{
render（）{
返回(
{this.props.data}

);
}
导出默认条件；

尝试链接一些代码以查看您目前的进度。欢迎使用Stack Overflow。请提供您的代码，以及错误和预期结果。请提供一个链接。请查看我上传的代码。有人能帮我吗？