javascript - 如何添加一个故事书旋钮,它是一个形状,因此需要一个对象,然后是一个 bool 值

标签 javascript reactjs storybook

我想添加一个显示 bool 值的旋钮,我可以单击该 bool 值并将其标记为“已完成”或不标记为“已完成”。

最佳答案

您可以使用object knob :

itemTypeData: object('itemTypeData', { isCompleted: true })

您还可以为 isCompleted 定义一个单独的 boolean 旋钮,并使用 updateKnob 切换它:

const isCompleted = boolean('isCompleted', false);
...
itemTypeData: object('itemTypeData', { isCompleted })

然后,只需将 updateKnob('isCompleted', !isCompleted) 添加到您正在使用的任何 onClick 处理程序中。

关于javascript - 如何添加一个故事书旋钮,它是一个形状,因此需要一个对象,然后是一个 bool 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60444522/

相关文章:

javascript - 一组按钮上的 JQuery 单击事件

javascript - 简单地从 api 渲染数据

javascript - 将 props 传递给 NPM 包中的函数

reactjs - Toastify Reactjs 添加链接

reactjs - 如何让故事书在故事中显示 typescript 类型

javascript - 如何使用 JQuery 保持在 'instance' 内

javascript - 是否可以显示所选周的行数?

reactjs - 在故事书 monorepo 中提供静态 Assets

javascript - 在 Vue js 中将函数作为 prop 传递以获取数据

javascript - NVD3饼图自定义颜色的方法