在 Storybook React 中嵌套数组
我正在努力将值传递给 Storybook js 中的嵌套数组。写这个的正确方法是什么?
组成部分:
{options.map(item => {
return <div id={item.id}>
<div>…</div>
<div className="ml-2">
{actions.map(subitem => {
return <Button
id={subitem.id}
/>
})}
</div>
</div>
})}
故事:
Basics.args = {
options: [
{
id: 'a',
actions: [
{
id: ‘b’,
},
]
},
I'm struggling to pass values to my nested array in Storybook js. What's the proper way to write this?
The component:
{options.map(item => {
return <div id={item.id}>
<div>…</div>
<div className="ml-2">
{actions.map(subitem => {
return <Button
id={subitem.id}
/>
})}
</div>
</div>
})}
The story:
Basics.args = {
options: [
{
id: 'a',
actions: [
{
id: ‘b’,
},
]
},
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您的代码中未定义
actions
。由于 actions 是您应该使用的 item 对象的属性,因此我附上了一个代码片段供您参考。
actions
is not defined in your code. Since actions is a property of the item object you should useI have attached a code snippet for your reference.