组件

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

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

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

//接上
class World extends React.Component{
    constructor(){
        super();//将父类中的this对象继承给子类
    }
    render(){
        renturn (<div><Hello name={this.props.numb} />
            
        </div>);//组件可以嵌套调用
    }
}

let num = 100;
ReactDOM.render(<World  numb={num}/>)

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