React组件的props属性、state属性、refs属性详解

React组件属性

1、props属性

react中说的单向数据流值说的就是props，根据这一特点它还有一个作用：组件之间的通信。props本身是不可变的，但是有一种情形它貌似可变，即是将父组件的state作为子组件的props，当父组件的state改变，子组件的props也跟着改变，其实它仍旧遵循了这一定律：props是不可更改的。

props属性的特点：

1. 每个组件对象都会有props(properties的简写)属性
2. 组件标签的所有属性都保存在props中
3. 内部读取某个属性值：this.props.propertyName
4. 作用：通过标签属性从组件外 向组件内传递数据（只读read only）
5. 对props中的属性值进行类型限制和必要性限制

代码示范

使用函数组件：

import React from 'react';
import ReactDOM from 'react-dom';

//使用函数组件
function User(props){
   
    //在组件中获取props属性值
	return <div>{
   props.name}，{
   props.age}</div>
}

//定义数据
const person ={
   
    name:'张三',
    age:20,
    sex:'男'
}

ReactDOM.render(
    <User {
   ...person}></User>
, document.getE