reactjs – React – 组件不会在foreach循环中呈现？

发布时间：2020-12-15 20:18:14 所属栏目：百科来源：网络整理

导读：当你打开一个标签时,我有一个小应用程序,React Route重定向到给定的组件(容器).从容器我想渲染子组件.我使用foreach循环遍历一个列表,其中包含需要给孩子的道具.但是,孩子不会被渲染. 我不想使用map,因为我使用依赖于列表类的库. render() { return ( div {t

当你打开一个标签时,我有一个小应用程序,React Route重定向到给定的组件(容器).从容器我想渲染子组件.我使用foreach循环遍历一个列表,其中包含需要给孩子的道具.但是,孩子不会被渲染.

我不想使用map,因为我使用依赖于列表类的库.

render() {   
    return ( 
        <div>
            {this.state.list.ForEach((element) => 
                <ChildComponent childName={element.name} 
        }
        </div> 
    );
}

}

解决方法

你将 Array.forEach与 Array.map混淆.因为每个都不会返回任何东西.正确的方法是：

<div>
    {this.state.list.map((element,index) => 
        <ChildComponent key={index} childName={element.name} 
    }
</div>

map将给定元素转换为另一个元素,在这种情况下是一个组件.调用map的结果是一个随后呈现的组件数组. forEach总是返回undefined,因此代码的结果与写入相同：

<div>
   {undefined}
</div>

请注意,在渲染组件列表时也需要键.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!