很多朋友对于react组件拆分的原则和react不建议直接改props不太懂，今天就由小编来为大家分享，希望可以帮助到大家，下面一起来看看吧！

本文目录

1. react组件化开发原则
2. 用React写函数组件，如何避免重复渲染
3. react组件拆分的原则
4. vue和react哪个性能更高

react组件化开发原则

这是通过修改项目运行在Google上时的警告，总结的的部分react组件开发规范：

（1）编写组件时，一定要写PropTypes,切莫为了省事儿而不写！如果一个Props不是required，一定在getDefaultProps中设置它；React.PropTypes主要用来验证组件接收到的props是否为正确的数据类型，如果不正确，控制台（console）中就会出现对应的警告（warning）。所以，为了规范我们开发，减少不必要的警告，这个要注意写上，而且保证类型写对。

（2）map遍历对象或者数组拿到值，去渲染dom的时候，最好给每次渲染的dom都加上key属性，并且保证key是唯一的（可以用key={index}），这个问题不加key或者key不唯一都会出现对应的警告！

（3）标签嵌套问题，像p标签里面包含div标签就会出警告，这种问题最好避免！

用React写函数组件，如何避免重复渲染

雇佣国外高级程序员，或自己有真本事。

react组件拆分的原则

拆分的原则

1.目录设计规范----根据作用和职责

2.模块定义规范----根据业务

3.代码设计规范----一般的代码规范

4.程序设计规范----一般原则(高内聚、低耦合等等)

react项目中的目录及职责拆分：

1.api需要单独封装,直接暴露返回值。

2.数据层使用react-redux,异步中间件使用redux-thunk。

3.视图层使用redux层面的传递过来的数据,修改逻辑也是重新触发action更改props。

4.静态类型的资源单独放置

5.公共组件、高阶组件、插件分开放置

6.工具类文件单独放置

vue和react哪个性能更高

Vue和React都是目前前端最流行的框架之一，性能表现都非常优秀。但是，由于它们采用了不同的技术架构和设计理念，因此在某些方面可能存在差异。

一般而言，Vue的性能在大型应用程序中会比React更好，因为Vue具有更好的模板渲染和优化机制。

而React则更适合于需要大量数据更新和渲染的场景，因为React采用了虚拟DOM的技术，能够有效减少DOM操作带来的性能损耗。综合而言，选择哪个框架取决于具体的应用场景和个人偏好。

关于本次react组件拆分的原则和react不建议直接改props的问题分享到这里就结束了，如果解决了您的问题，我们非常高兴。