在 Storybook React 中嵌套数组

Question

我正在努力将值传递到 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’,
                },
            ]
        },

Answer 1

actions 未在您的代码中定义。由于操作是项目对象的属性，因此您应该使用

item.actions.map

我附上了一段代码供您参考。

  const arr = {
   options: [
        {
            id: 'a',
            actions: [
                {
                  id: 'b',
                },
            ]
        } ]
  }

arr.options.map(item=> item.actions.map(subitem => console.log(subitem.id)))

在 Storybook React 中嵌套数组

Nesting an Array in Storybook React

arrays

reactjs

storybook