wanghe1111_的博客

react组件使用props实现预配置插槽 如何向组件内部动态传入带内容的结构(标签)? Vue中: 使用slot技术, 也就是通过组件标签体传入结构 <A><B/></A> React中: 使用children props: 通过组件标签体传入结构 使用render props: 通过组件标签属性传入结构,而且可以携带数据，一般用render函数属性

使用shouldComponent和PureComponent实现react类组件优化。 Component的2个问题 1. 只要执行setState(),即使不改变状态数据, 组件也会重新render() ==> 效率低 2. 只当前组件重新render(), 就会自动重新render子组件，纵使子组件没有用到父组件的任何数据 ==> 效率低

懒加载是指在项目中浏览器第一次加载项目时，如果不使用懒加载技术，则第一次浏览器加载项目时进行读取并下载所有路由组件资源，所以当组件很多时，就会造成浏览器卡死状态；如果使用了懒加载技术，那么每当跳转一个路由，才会吧此路由对应的组件进行下载读取资源并渲染，所以渲染性能就比较好。

React react项目移植出现的问题 当把我的react项目移植到另一台电脑时，因为要npm install 安装依赖库，但是对于采用npm install会带来一些库的版本问题，当时找了很多方法才解决，解决方法就是很简单：是采用yarn包管理工具，yarn会自己解决一些库的版本问题，使得在新环境中不会因版本问题报错 1. react是什么 React是一个用于构建用户界面的js库， React主要作用是来写html页面，或构建web应用 从MVC角度，react仅仅是视图层V，也就是只负责视图的渲染，