【文件属性】：
文件名称：addon-jsx：此Storybook插件向您展示了该故事的JSX模板
文件大小：329KB
文件格式：ZIP
更新时间：2021-02-03 13:47:36
jsx addon storybook story StorybookTypeScript
故事书-插件-jsx
这个Storybook插件向您展示了该故事的JSX。 该预览版也适用于Vue组件。 输出的JSX将反映通过旋钮或控件对Storybok所做的任何更改。
入门
安装
首先从npm安装插件：
npm i --save-dev storybook-addon-jsx
# or
yarn add --dev storybook-addon-jsx
组态
对于最新的故事书，您需要做的就是将插件添加到.storybook/main.js ：
module . exports = {
addons : [ "storybook-addon-jsx" ] ,
} ;
如果你正在使用或降低，您需要添加以下.storybook/addons.js ：
import "storybook-addon-jsx/register" ;
用法
将其导入到故事文件中，然后在编写故事时使用它：
import React from "react" ;
import { storiesOf } from "@storybook/react" ;
import { jsxDecorat
【文件预览】：
addon-jsx-master
----storybook-jsx.svg(555B)
----netlify.toml(150B)
----.eslintrc(71B)
----.github()
--------workflows()
----yarn.lock(536KB)
----src()
--------renderer.tsx(7KB)
--------index.tsx(5KB)
--------constants.ts(162B)
--------types()
--------__tests__()
--------register.tsx(1KB)
--------jsx.tsx(2KB)
----.babelrc(170B)
----.vscode()
--------settings.json(385B)
----.circleci()
--------config.yml(2KB)
----storybook-jsx.sketch(28KB)
----register.js(30B)
----.npmignore(28B)
----example()
--------stories()
--------.storybook()
--------components()
----tsconfig.json(636B)
----LICENSE(1KB)
----screenshot.png(59KB)
----README.md(13KB)
----.all-contributorsrc(4KB)
----.gitignore(63B)
----storybook-jsx.png(20KB)
----CHANGELOG.md(11KB)
----package.json(3KB)