UI -- React

React 模板

React UI

• package.json同级
• components/slButton/element.jsx

import React from 'react';

const el = ({ text, onClick }) => {
    return (
        <button onClick={onClick}>
            {text}
        </button>
    );
};

export default el;

• components/function.js

export const ceshi = ()=>{
    console.log('123')
}

• components/index.js

export { default as SlButton } from './slButton/element';
export {ceshi} from  './function'

使用

import  {SlButton,ceshi} from "../components/index"
function App() {
    const handleClick = ()=>{
        console.log("123")
        ceshi()
    }

    return (
        <>
            <SlButton text="Click me" onClick={handleClick} />
        </>
    );
}

export default App;

UI 文档

• package.json 同级
• docs 创建

npx create-dumi
# React Library react组件库
# npm start     运行
# 根据自己需要修改