[React] 基本概念与语法

React起源

React是由Facebook开发，2013年5月开源的一个框架

React VS Vue

• 相同点

  都是对视图的封装，React是用类和函数表示一个组件，而Vue是通过构造选项构造一个组件

  都提供了createElement的XML简写，React提供的是JSX语法，而Vue是提供的是模板写法(语法巨多)。

• 不同点

  React是把HTML放在JS里写(HTML in JS)，而Vue是把JS放在HTML里写(JS in HTML)

React核心思想

函数式编程的思想，贯穿了React的设计和使用

React倡导对数据的不修改，因此在React中绝大多数情况下修改数据都是将修改后的值赋予一个新的变量

this.setState({ n: this.state.n + 1 });

React 基本语法

React通过{}将JS语句包裹起来

class App1 extends React.Component {
  click() {}
  
  render() {
    return (
      <div className="App1" onClick={() => this.click()}>
        App1
      </div>
    );
  }
}