UI5开发历史与React最佳实践介绍
时间：2023-04-01 14:49:07
Java
一、前言在日常的开发和CodeReview过程中，经常会发现一些常见的问题，其中有很多值得提倡的做法。本文总结了一些React技术栈的最佳实践，为编写高质量代码提供参考。2.Bestpractices&descriptions多使用FunctionComponent如果组件是纯粹的表现形式，不需要维护状态和生命周期，那么优先使用FunctionComponent。它有以下优点：代码更简洁，一目了然，没有复杂的业务逻辑，复用性更好。只要传入相同结构的props，就可以显示相同的界面，不考虑副作用。封装体积更小，执行效率更高}`}onClick={onItemClick}>{menuText}
);};如果组件需要维护状态或使用生命周期方法，PureComponent优于Component。Component的默认行为是触发渲染，而不管状态和道具的变化。另一方面，PureComponent会首先对state和props进行浅比较，只有当它们不同时才渲染。看看下面的例子：classChildextendsReact.Component{render(){console.log('renderChild');返回(
{this.props.obj.num}
);}}classAppextendsReact.Component{state={obj:{num:1}};onClick=()=>{const{obj}=this.state;this.setState({obj});}渲染（）{控制台。日志（'渲染父级'）;return(
点击我 );}}点击按钮后，Parent和Child的渲染都会被触发。如果将Child更改为PureComponent，则不会触发Child的渲染，因为道具仍然是同一个对象。如果Parent也改成PureComponent，不会触发Parent的render，因为state还是同一个对象
