什么是高级组件？高级组件是一个函数，向它传递一个组件，并返回一个新组件。constNewComponent=higherOrderComponent(OldComponent)需要重复的重要一点是，高阶组件是一个函数（不是组件），它将一个组件作为参数并返回一个新组件。这个新组件将使用您传递给它的组件作为子组件。让我们看一个非常简单的高阶组件：importReact,{Component}from'react'exportdefault(WrappedComponent)=>{classNewComponentextendsComponent{//你可以做很多自定义逻辑render(){return}}returnNewComponent}现在好像没什么用，它只是新建一个组件类NewComponent，然后传入WrappedComponent进行渲染。但是我们可以为NewComponent做一些数据初始化：}}componentWillMount(){letdata=localStorage.getItem(name)this.setState({data})}render(){return}}returnNewComponent}现在NewComponent了mount阶段会根据第二个参数name从LocalStorage加载数据，并将State设置为自己的state.data，渲染时通过props.data将state.data传给WrappedComponent。
