此文章是翻译React Without JSX这篇React（版本v15.4.0）官方文档。

React Without JSX

JSX 对使用React 不是必须的。当你不想在你的构建环境中设置编译，使用不带JSX 的React 是非常方便的。

每一个JSX element 只是调用React.createElement(component, props, ...children) 的语法糖（syntactic sugar）。所以，任何你使用JSX 可以做的事情都可以使用纯JavaScript 来实现。

例如，下面代码使用JSX ：

1
2
3
4
5
6
7
8
9
10

class  extends React.Component {
  render() {
    return <div>Hello {this.props.toWhat}</div>;
  }
}

ReactDOM.render(
  <Hello toWhat="World" />,
  document.getElementById('root')
);

可以被编译成不实用JSX 的代码：

1
2
3
4
5
6
7
8
9
10

class  extends 大专栏