react.js - react es6写法问题

问题描述

问 题

const TodoList = ({ todos, onTodoClick }) => (
  <ul>
    {todos.map(todo =>
      <Todo
        key={todo.id}
        {...todo}
        onClick={() => onTodoClick(todo.id)}
      />
    )}
  </ul>
)

这里如果用 React.createClass 这种方式改怎么写，然后上面这种写法是ES6语法吗？

解决方案

这个是react v0.14引入的无状态函数组件写法，案例中用到了参数结构和箭头函数的ES6写法，具体去查看官方文档

转换成createClass也是很简单的

const TodoList = React.createClass({
  render() {
    return (
     <ul>
        {todos.map(todo =>
          <Todo
            key={todo.id}
            {...todo}
            onClick={() => onTodoClick(todo.id)}
            />
        }
     </ul>
    )
  }
})  

这篇关于react.js - react es6写法问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！