React学习手册

组件扩展

｜

165

外一个

React

组件。通常，

HOC

会使用一个能够维护

State

或者包含若干功能的类来包

装输入的组件。高阶组件是组件之间功能复用的最佳方式。

不兼容

Mixin

直到

React v0.13

版本，给

React

组件集成新功能的最佳方式都是采用

Mixin

技术。

Mixin

是通过创建一个可以被当作可配置属性的类来直接给组件添加功能的。用

户仍然可以通过

React.createClass

使用

Mixin

技术，不过

ES6

的类和无状态函数

式组件并没有为该技术提供支持。将来版本的

React

也不会再支持该技术。

一个

HOC

允许我们使用其他组件包装一个组件。父组件可以保留

State

或者将若干功能

作为属性向下传递给合成的组件。合成的组件并不需要知道任何与

HOC

代码实现有关

的信息，除了它提供的属性和方法的名称。

看一下

PeopleList

这个组件。它从一个

API

中载入若干随机用户，然后渲染了一个成

员名称的列表。当载入用户时，会显示一个正在载入的提示信息。一旦用户载入完

毕，他们将会被显示在

DOM

上：

import { Component } from 'react'

import { render } from 'react-dom'

import fetch from 'isomorphic-fetch'

class PeopleList extends Component {

constructor(props) {

super(props)

this.state = {