解决方法
这是来自Dan Abramov的
great article,可以帮助你.
这是一个人;博士;我理解这个的方式：
>如果出现以下情况,您将不得不使用类CreatePostForm extends Component {}或React.createClass()：
>您需要访问您的component’s lifecycle methods(即：componentWillMount或componentDidMount);
>您的组件可以直接访问您的商店,从而保持状态(有些人也称这种组件,智能组件或容器).
>当你的组件只接收道具并将它们渲染到页面时,你就会有一个“无状态组件”(有些人将这些组件称为哑组件或表示组件),并且可以使用纯函数来表示它,它可以像这个
从’react’导入React;
export default()=> < p>来自React的Hello！< / p> ;;
现在,重要的是要记住纯函数可能比这更复杂,如果您对某些ESNext语法以及解构和传播属性感到满意,您可以使用如下所示的表示组件：
import React from 'react';
import AnotherComponent from './AnotherComponent';
export default ({ children,...rest }) =>
<AnotherComponent extraProp="anExtraProp" { ...rest }>
{ children }
</AnotherComponent>;
希望这可以帮助.
