如何解决在 Map Loop 中使用 PivotItem 的 Fabric UI
我正在尝试将 PivotItems 动态添加到 Fabric UI Pivot。
return (
<div>
<PrimaryButton style={{margin:5 }} onClick={addItem}>
Add
</PrimaryButton>
<Pivot aria-label="My Items">
{items.map((item)=>{
return (
<div key={uniqueId}>
<PivotItem headerText="test">
Test
</PivotItem>
</div>)
})}
</Pivot>
</div>
)
但项目没有呈现。 当我删除所有 Pivot/item-stuff 并打印出一些文本时,它工作正常......
解决方法
好的,我终于在这里找到了问题。 在我使用的地图功能内部
<div key...
但此代码位于 <pivot>
中,它只允许 <PivotItem>
作为子项...
所以我像这样修复它并且它有效:
return (
<div>
<PrimaryButton style={{margin:5 }} onClick={addItem}>
Add
</PrimaryButton>
<Pivot aria-label="My Items">
{items.map((item)=>{
return (
<PivotItem headerText="test" key={uniqueId}>
Test
</PivotItem>
)
})}
</Pivot>
</div>
)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。