render新的返回类型

React 16 之前，render 方法必须返回单个元素。现在，render 方法支持两种新的返回类型：数组（由 React 元素组成）和字符串。定义一个 ListComponent 组件，它的 render 方法返回数组：

class ListComponent extends Component {
    render() {
        return [
            <li key="A">First item</li>,
            <li key="B">Second item</li>,
            <li key="C">Third item</li>
        ];
    }
}

再定义一个 StringComponent 组件，它的 render 方法返回字符串：

class StringComponent extends Component {
    render() {
        return "Just a strings";
    }
}

App 组件的 render 方法渲染 ListComponent 和 StringComponent：

export default class App extends Component {
    render() {
        return [
            <ul>
                <ListComponent />
            </ul>,
            <StringComponent />
        ]
    }
}

本节项目源代码的目录为 /chapter-03/react16-render 。