如何根据选定的索引动态访问和渲染数组中的组件？

Question

我有一个对象数组，它们有一个 key Component，它指向其各自的组件。

我能够映射数组并显示所有组件，如下所示，

dict.map(({ Component }) => <Component />

这可行，但是我正在尝试有条件地渲染特定组件。就我而言，我试图访问Componentindex 处的属性1，但它似乎不起作用。我尝试访问它的方式类似于，，dict[displayComponentAtIndex].Component其中displayComponentAtIndex是状态的一部分。

如何按照我想要的方式渲染组件？

Answer 1

你应该改变你dict.js的export&nbsp;default&nbsp;[{&nbsp;Component:&nbsp;(<Component1></Component1>)&nbsp;},&nbsp;{&nbsp;Component:&nbsp;<Component2></Component2>&nbsp;}];因为您需要组件而不是对象来渲染。