:bookmark_tabs: 一个 React 组件,可以轻松创建其他组件的演示-源码

上传者: 42127748 | 上传时间: 2021-06-09 13:03:56 | 文件大小: 242KB | 文件类型: ZIP
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'));

文件下载

资源详情

[{"title":"( 34 个子文件 242KB ) :bookmark_tabs: 一个 React 组件,可以轻松创建其他组件的演示-源码","children":[{"title":"react-demo-tab-master","children":[{"title":".eslintrc.json <span style='color:#111;'> 721B </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 86B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 2.87KB </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 611.25KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"react-demo-tab","children":[{"title":"modules.d.ts <span style='color:#111;'> 20B </span>","children":null,"spread":false},{"title":"img","children":[{"title":"jsx.png <span style='color:#111;'> 1.87KB </span>","children":null,"spread":false},{"title":"css.png <span style='color:#111;'> 1.14KB </span>","children":null,"spread":false},{"title":"sass.png <span style='color:#111;'> 2.07KB </span>","children":null,"spread":false}],"spread":true},{"title":"DemoTab.tsx <span style='color:#111;'> 2.76KB </span>","children":null,"spread":false}],"spread":true},{"title":"index.ts <span style='color:#111;'> 73B </span>","children":null,"spread":false}],"spread":true},{"title":".travis.yml <span style='color:#111;'> 786B </span>","children":null,"spread":false},{"title":"LICENSE <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false},{"title":"tsconfig.json <span style='color:#111;'> 688B </span>","children":null,"spread":false},{"title":"rollup.config.js <span style='color:#111;'> 1.70KB </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 2.88KB </span>","children":null,"spread":false},{"title":"demo-tab.gif <span style='color:#111;'> 85.96KB </span>","children":null,"spread":false},{"title":".storybook","children":[{"title":"addons.js <span style='color:#111;'> 128B </span>","children":null,"spread":false},{"title":"webpack.config.js <span style='color:#111;'> 486B </span>","children":null,"spread":false},{"title":"config.js <span style='color:#111;'> 657B </span>","children":null,"spread":false},{"title":"config-theme.js <span style='color:#111;'> 191B </span>","children":null,"spread":false},{"title":"preview-head.html <span style='color:#111;'> 205B </span>","children":null,"spread":false}],"spread":true},{"title":"stories","children":[{"title":"Counter","children":[{"title":"Counter.jsx <span style='color:#111;'> 657B </span>","children":null,"spread":false},{"title":"_CounterDemoTab.jsx <span style='color:#111;'> 889B </span>","children":null,"spread":false}],"spread":false},{"title":"ButtonRed","children":[{"title":"_ButtonRedDemoTab.tsx <span style='color:#111;'> 683B </span>","children":null,"spread":false},{"title":"ButtonRed.tsx <span style='color:#111;'> 168B </span>","children":null,"spread":false},{"title":"ButtonRed.scss <span style='color:#111;'> 234B </span>","children":null,"spread":false}],"spread":false},{"title":"ButtonGreen","children":[{"title":"ButtonGreen.css <span style='color:#111;'> 241B </span>","children":null,"spread":false},{"title":"_ButtonGreenDemoTab.jsx <span style='color:#111;'> 692B </span>","children":null,"spread":false},{"title":"ButtonGreen.jsx <span style='color:#111;'> 165B </span>","children":null,"spread":false}],"spread":false},{"title":"DemoTab.scss <span style='color:#111;'> 218B </span>","children":null,"spread":false},{"title":"DemoTab.story.tsx <span style='color:#111;'> 559B </span>","children":null,"spread":false},{"title":"Default","children":[{"title":"Default.jsx <span style='color:#111;'> 98B </span>","children":null,"spread":false},{"title":"_DefaultDemoTab.jsx <span style='color:#111;'> 325B </span>","children":null,"spread":false}],"spread":false}],"spread":true},{"title":".prettierrc <span style='color:#111;'> 89B </span>","children":null,"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明