组件

React组件可以使我们将页面分为各个独立的，可复用的部件。组件可以接受任意的输入值，称之为props。组件调用后返回一个React元素。
组件有两种定义方式：函数定义、类定义。

//函数定义
function Hello(props){
    return 
Hello+' '{props.name}+'!'
;
}
ReactDOM.render(,document.getElementById('root'));

以上组件渲染发生的过程：
1.对 元素调用ReactDOM.render()；
2.将{name:'Danny'}作为props传入并调用组件Hello；
3.Hello组件返回

Hello Danny！

；
4.ReactDOM更新DOM为

Hello Danny！

；

//接上
class World extends React.Component{
    constructor(){
        super();//将父类中的this对象继承给子类
    }
    render(){
        renturn (

            
        
);//组件可以嵌套调用
    }
}

let num = 100;
ReactDOM.render()

注：组件自身的props是只读属性，不可修改！