Я смотрел на эту скрипку для MobX, и я видел эти два способа определения React Components в ES6 в других местах, таких как Dan Abramov egghead redux video серии.
@observer
class TodoListView extends Component {
render() {
return <div>
<ul>
{this.props.todoList.todos.map(todo =>
<TodoView todo={todo} key={todo.id} />
)}
</ul>
Tasks left: {this.props.todoList.unfinishedTodoCount}
</div>
}
}
const TodoView = observer(({todo}) =>
<li>
<input
type="checkbox"
checked={todo.finished}
onClick={() => todo.finished = !todo.finished}
/>
<input
type="text"
value={todo.title}
onChange={ e => todo.title = e.target.value } />
</li>
);
Мой вопрос в том, когда целесообразно использовать каждый тип?
Похоже, что более простые компоненты могут использовать более простой синтаксис, но мне бы хотелось, чтобы правила или рекомендации следовали.
Спасибо!