React初见

• 简单来说，React是一个用于构建图形界面的JavaScript库。
• 可以用create-react-app快速构建React开发环境。
• 思维方式的不同：

• 和jQuery的对比
  通俗来说，jQuery是“选中DOM中的元素，然后开始做一些事”。
  而React是你告诉他想要什么样子，和上一次进行对比适当进行修改，开发者只关心会渲染成出什么样子，不用关心如何实现渲染，把开发者从繁琐的操作中解放出来。

• JSX:

• JavaScript的语法扩展，让我们可以在JavaScript中编写像HTML一样的代码，
• React判断一个元素是HTML还是React组件的原则就是看第一个字母是否大写，React组件的第一个字母大写。
• JSX中使用JavaScript，表达式要在花括号{}之间

ReactDOM.render{
  <div>
      <h2>{1+1}</h2>
  </div>,
document.getElementById('example')
}

• 设置内联样式
• 注释要写在花括号中
• JSX 允许在模板中插入数组，数组会自动展开所有成员：

ReactDOM.render{
const divStyle={
    margin:10px,
    font-size:50
}
const arr=[
      <h2>内容1</h2>
      <h2>内容2</h2>
]
  <div style = {divStyle}>
    {/*注释*/}
      <h2>{1+1}</h2>
  </div>
  <div>{arr}</div>
document.getElementById('example')
}