react，用扩展类创建组件与简单const=function之间的差异

Question

class TodoApp extends Component {
  render() {
    const visibleTodos = getVisibleTodos(
      this.props.todos,
      this.props.visibilityFilter
    );
    .
    . // Input and Button stuff
    .

const FilterLink = ({
  filter,
  children
}) => {
  return (
    <a href='#'
       onClick={e => {
         e.preventDefault();
         store.dispatch({
           type: 'SET_VISIBILITY_FILTER',
           filter
         });
       }}
    >
      {children}
    </a>
  )
}

我看到的区别是，首先用类创建的是一个呈现函数，而另一个是一个返回函数来发回模板。

有什么不同？我听说将来的组件只允许使用扩展组件？

Answer 1

参见:react.createClass与ES6箭头函数的对比

简单的回答是，您希望尽可能多地使用无状态功能组件(SFC)；你的大部分组件应该是证监会的。

在下列情况下使用传统的组件类：

null