React简单概述

1React是什么

1-1：React开发背景:

1：React是facebook官方推出的JavaScritp库和框架，为解决构建数据不断变化的大型应用。

2：因为数据不断变化所以会导致大量的dom操作，逻辑极其复杂。
　　3：react通过自动对dom进行操作，开发者只需要告诉React你要展示什么内容，解决大量dom操作的问题，把状态和内容显示的对应起来，这样我们就会知道状态变化，内容会如何变化从而理清程序逻辑。

2react创建组件

2-1：定义组件有两个要求：

1.组件名称必须以大写字母开头
2.组件的返回值只能有一个根元素

2-2react创建组件有两种方式

1:函数组件

import React from 'react'; //引入react模块，这是不可缺少的一步操作

//定义一个React组件
function App() {
  return (
    <div>
      这是一个函数组件
    </div>
  );
}

export default App;

2:类组件 也叫（class组件）

import React from 'react';

//定义一个React组件
class App extends React.Component{
  render(){
    return (
      <div>
        Hello，Reactjs！！
      </div>
    );
  }
}

export default App;

2-3:类组件和函数组件的区别。

1. 类组件，有生命周期，有props属性和state属性。是有状态组件。
2. 函数组件，没有生命周期，只有props属性。是无状态组件。
3. 二者的根本区别在于是否有state属性

3react的属性

3-1:props属性

1.react中说的单向数据流值说的就是props。也可以说props是用来传值的

3-1-1:props的特点