JSX 注意事项

学习目标： 掌握 JSX 实际开发过程中的一些注意事项
  1. JSX 必须具有一个根节点，如果没有根节点可以使用<>(幽灵节点)代替根节点将所有元素包裹起来

function App() {
    return (
      <>
        <div className="App">1</div>
        <div className={htmlFor(i in 10)}>2</div>
      </>
    )
}

export default App;

  2. 所有标签必须形成闭合(

），成对闭合或者自闭（ ）和都可以
  3. JSX 中的语法更加贴近 JS 语法，属性名采用驼峰命名法 class -> className; for -> htmlFor
  4. JSX 支持多行(换行)，如果需要换行，需使用 ()包裹，防止出现 Bug