react-1（jsx语法，函数/类组件，react基础语法）

React

         React是一个用于构建用户界面的 JAVASCRIPT 库。

jsx语法

         在js中写HTML就是jsx语法

jsx语法
const temp = <h3>temp</h3>; //temp就是react元素

jsx语法
function MyCom(props){
      // props是父组件给子组件传参存放的位置，是一个对象
      // 变量渲染
      let test = 'test1';
      // 返回的是模板
      return (
        <div>
          <h1>hello{test}</h1>
          <h2>world{props.stua.name}</h2>
        </div>
      );
    }

组件分为函数组件和类组件

函数组件

定义组件最简单的方式就是编写 JavaScript 函数，该函数是一个有效的 React 组件，因为它接收

唯一带有数据的 “props”（代表属性）对象与并返回一个 React 元素。这类组件被称为“函数

组件”，因为它本质上就是 JavaScript 函数。

function Welcome(props) { 
    return <h1>Hello, {props.name}</h1>; 
}

类组件

类组件有构造器，参数为props

类组件要求继承React.Component,且要求必须重写render方法，代表当前模板的返回。