norm

chanchaw小于 1 分钟react

项目目录结构

项目根目录/server/data.json - 插件 json-server 用到的 mock 数据

{
    "list":[
        {
            "rpid":3,
            "user":{
                "uid":"1332",
                "avatar":"",
                "uname":"周杰伦"
            },
            "content":"哎哟，不错哦",
            "ctime":"2024年8月3日 15:32:59",
            "like":126
        },
        {
            "rpid":4,
            ....
        }
    ]
}

src/views 下存放组件，src/views/dashboard 为 dashboard 组件，该目录下创建文件 index.js 作为该组件。类似的 src/views/login/index.js 为 login 组件，注意由于 react 要求组件的函数首字母大写，这里组件所在的目录名称小写，即 layout 和 dashboard，但是 index.tsx 中的函数名称以及返回的组件名称都要首字母大写
```
const Layout = () => {
    return (
        <div className="layout">
            这里是 layout 组件
        </div>
    )
}
export default Layout
```

编程规范

复制数组数据后操作使用 const newArr = [...oldArr] 而不要直接取地址 const newArr = oldArr
加工状态变量后应用给状态，使用类似上面复制数组数据的方法获取数据，经过加工后再通过 setData 应用数据到状态变量