简单的JSX 语法

在 React 中，直接使用各种标签的代码语法，叫做JSX 语法。

比如下面

class App extends Component {
  render() {
    return (
      <div>
        hello world
      </div>
    );
  }
}

比如下面

ReactDOM.render(<App />, document.getElementById('root'));

不仅如此，在JSX语法里，还可以在标签里，直接写js 表达式(只是表达式，不是语句)，使用大括号括起来就可以。如下。

class App extends Component {
  render() {
    return (
      <div>
        {1+1}
        hello world
      </div>
    );
  }
}