为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

偶然的你 2023-07-14 09:59:22
我有一个对象数组,它们有一个 key Component,它指向其各自的组件。我能够映射数组并显示所有组件,如下所示,dict.map(({ Component }) => <Component />这可行,但是我正在尝试有条件地渲染特定组件。就我而言,我试图访问Componentindex 处的属性1,但它似乎不起作用。我尝试访问它的方式类似于,,dict[displayComponentAtIndex].Component其中displayComponentAtIndex是状态的一部分。如何按照我想要的方式渲染组件?
查看完整描述

1 回答

?
ITMISS

TA贡献1871条经验 获得超8个赞

你应该改变你dict.js

export default [{ Component: (<Component1></Component1>) }, { Component: <Component2></Component2> }];

因为您需要组件而不是对象来渲染。


查看完整回答
反对 回复 2023-07-14
  • 1 回答
  • 0 关注
  • 68 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信