React教程：组件，Hooks和性能

以下是一些你应该做的和要避免做的事情：

•  为包装器 HOC 函数添加显示名称（这样你就能知道它到底是干什么用的，实际上是通过更改 HOC 组件显示名称来做到）。
  • 不要在渲染方法中使用HOC —— 你应该在其中使用增强组件，而不是在那里创建新的 HOC 组件，因为它一直在重新装载并丢失其当前状态。
  • 静态方法不会被自动复制，所以如果你想在新创建的 HOC 中使用一些静态方法，需要自己去复制它们。
  •  涉及到的 Refs 不会被传递，所以使用前面提到的 React.forwardRef 来解决这些问题。 

export function importantHoc() {  
   return (Component) => class extends React.Component {  
       importantFunction = () => {  
           console.log("Very Important Function");  
       };  
       render() {  
           return (  
               <Component  
                   {...this.props}  
                   importantFunction={this.importantFunction}  
               />  
           );  
       }  
   };  
} 

样式

样式不一定与 React 本身有关，但出于各种原因还是值得一提的。

（编辑：PHP编程网 - 襄阳站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!