如何在React的组件中让一个数组的元素作为子组件填入呢?
请问下,各位老师有遇到过这样的需求吗?让数组元素作为子组件。
// 引入其他小组件
import OpenedTools from '../SidebarComp/OpenedTools'
import Search from '../SidebarComp/Search'
const compList = [
OpenedTools,
Search,
...
]
// 创建组件
const activityIndex = 1
return (
<div>
// 这里我想要基于activityIndex 从compList中选出对应的小组件
</div>
)
回复
1个回答

test
2024-06-27
组件是动态的呗?就正常写 JSX 就好了:
const ActivityComp = compList[activityIndex];
return (
<div>
<ActivityComp />
</div>
);
只要别 (<compList[activityIndex] />)
这么写就行,JSX 里 Element 不能是一个表达式。
回复

适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容