Storybook默认选择控制值

Question

我将 Storybook 与 React 结合使用，并尝试添加具有默认值的 Storybook 选择控件，但没有成功。文档中没有任何相关内容。

我需要默认选择上述选项之一。

    argTypes: {
        iconSrc: {
            options: Object.keys(iconTypes),
            mapping: iconTypes,
            control: {
                sort: 'requiredFirst',
                type: 'select',
                labels: {
                    BlueStep: 'Blue Step',
                    Step: 'Step',
                    Globe: 'Globe',
                },
            },
        },
    }

Answer 1

您必须添加table密钥

你的故事书将如下所示：

 argTypes: {
        iconSrc: {
            options: Object.keys(iconTypes),
            mapping: iconTypes,
            control: {
                sort: 'requiredFirst',
                type: 'select',
                labels: {
                    BlueStep: 'Blue Step',
                    Step: 'Step',
                    Globe: 'Globe',
                },
            },
            table: {
              type: { summary: 'select' },
              defaultValue: { summary: 'Step' },
            },
        },
    }