文件名称：:bookmark_tabs: 一个 React 组件，可以轻松创建其他组件的演示
文件大小：242KB
文件格式：ZIP
更新时间：2024-06-28 09:18:50
Miscellaneous
React DemoTab :bookmark_tabs: 一个 React 组件，可以轻松创建其他组件的演示 安装 npm install react-demo-tab Demo DemoTab 示例 Example import React from 'react'; 从 'react-dom' 导入 ReactDOM； 从'react-demo-tab'导入DemoTab； 从“./ButtonGreen”导入演示组件； const demoCode = ` import React from 'react'; 导入'./ButtonGreen.css'; const ButtonGreen = () =>绿色按钮； 导出默认ButtonGreen;`; const demoStyle = ` .btn-green { 背景颜色：绿色； 字体大小：14px； 填充：12px 26px； 边框半径：6px； }`; const App = () => { 返回 ( ); }; ReactDOM.render( , document.getElementById('root'));
【文件预览】：
react-demo-tab-master
----.eslintrc.json(721B)
----.gitignore(86B)
----package.json(3KB)
----package-lock.json(611KB)
----src()
--------react-demo-tab()
--------index.ts(73B)
----.travis.yml(786B)
----LICENSE(1KB)
----tsconfig.json(688B)
----rollup.config.js(2KB)
----README.md(3KB)
----demo-tab.gif(86KB)
----.storybook()
--------addons.js(128B)
--------webpack.config.js(486B)
--------config.js(657B)
--------config-theme.js(191B)
--------preview-head.html(205B)
----stories()
--------Counter()
--------ButtonRed()
--------ButtonGreen()
--------DemoTab.scss(218B)
--------DemoTab.story.tsx(559B)
--------Default()
----.prettierrc(89B)