Javascript react的多个索引数组值的映射方法 我使用了第一个索引过滤的数组值结果，并根据不同的条件进行渲染 我被如何使用映射过滤数组值的所有索引值并在UI上渲染而震惊 你们能用你们的建议帮我解决这个问题吗 stackblitz及其链接中提供了完整的代码： 下面提供了一个用户筛选值和多个索引数组值的代码段： 您能告诉我在为map方法执行多个索引数组值时哪里出错了吗

index.js（js部分）

sportsZipSearch=（）=>{
const{zip1，dob1，age1，state1，check，count}=this.state；
const newArray=students.filter（（el）=>{return（（el.zip==zip1）&&（parseInt（el.Age）{return Object.keys（el1）}）；
//const sorted=newArray1[Object.keys（newArray1）].sort（）；
控制台日志（age1）；
console.log（zip1）；
log（“这里--”，this.state.zip1，this.state.age1）；
log（newArray）；
console.log（newArray1）；
//控制台日志（已排序）；
console.log（newArray.Subjects）；
控制台日志（计数）；
this.setState（{result:newArray，zipValue:true}）
}

index.js（html部分）

Show list Sports:{result.length&&result[0].Sports_games.map（g=>{var visibility=（check&&g[Object.keys（g）[0]]）？'block'：'none'；返回{Object.keys（g）[0]}{g[Object.keys（g）[0]}}


显示列表运动：{result.map（result\u new=>result\u new.length&&result\u new.Sports\u games.map（g=>{var visibility=（check&&g[Object.keys（g）]）？'block'：'none'；console.log（visibility）；返回{Object.keys（g）}{g[Object.keys（g）]}}

您应该创建一个组件，在其道具中获取这些值并显示它们，然后使用map将数据数组转换为组件数组。然后将其放入所需的任何容器元素中

像这样：

function MyComponent() {
    return (
        <div>
            <p>{props.data.name}</p>
            <p>{props.data.age}</p>
        </div>
    );
}

函数MyComponent（）{
返回(
{props.data.name}

{props.data.age}

);
}

然后将数据数组映射到组件数组：

my_component_array = my_data_array.map(d => <MyComponent data={d} />);

my_component_array=my_data_array.map（d=>）；

非常感谢您的帮助…代码正在运行…一个澄清…我们可以从父组件到子组件映射多个值并映射到道具…例如，{zipValue&&}并映射到Zip组件下的道具是的，您可以传递任意数量的道具，非常感谢您的回复…当将值级别从父组件传递到子组件，并作为子组件中的道具访问时，其抛出错误…您能提供您的建议吗…希望对我以后的参考有所帮助

function MyComponent() {
    return (
        <div>
            <p>{props.data.name}</p>
            <p>{props.data.age}</p>
        </div>
    );
}

my_component_array = my_data_array.map(d => <MyComponent data={d} />);