react-dom1总结

这几天断断续续看了一个基于react的开发教程。

收获做一个总结吧。

 

对格式的要求

这个不是必要的，但是有这一点，会让你的代码看得更舒服一些，更一目了然。比如：

import ErrorPage      from "page/error/index.jsx";
import Login          from "page/login/index.jsx";
import UserList       from "page/user/index.jsx"
import Home           from "page/home/index.jsx";

import OrderList      from 'page/order/index.jsx';
import OrderDetail    from 'page/order/detail.jsx';


import ProductRouter  from 'page/product/router.jsx'
import {
  HashRouter as Router,
  Switch,
  Redirect,
  Route,
  Link
} from "react-router-dom";

如果是用vscode格式化的话，会显得有点凌乱。这样的话，就整齐多了。

请求接口的封装，对重复代码的封装

把接口分门别类放在专门的jsx文件里面，需要用的时候创建一个实例，再调用。对于返回结果的false情形，这个很常用，所以也封装成一个函数以供调用。

相似的部分抽离出来，进行封装

学得这个例子用到了大量的table，将它抽离了出来。还针对传入的props的数据类型的不同进行不同的处理。使得组件复用性更高更灵活。

根据不同的业务需求进行不同的处理

比如这次学习的是后台管理系统。它对浏览器的兼容性没啥要求。也不需要去考虑seo搜索引擎的问题。

这次开发还存在的问题

比如侧边栏的子菜单的隐藏和显示还没有做处理，隐藏显示更换向下向左标签。

scss没有进行优化。。（我自己写css会容易写得没有秩序，改天有空需要对样式进行重构）

关于react开发的小问题

路由的话，还是更喜欢用hash

因为hash路由可以进行刷新。要不然就需要后端做支持。

如果组件卸载的话，有setState操作会报错。

可以在卸载之前更改一个变量，setState之前去判断这个变量。

webpack跨域操作

这个就是回看代码的事情了