1.3 react组件

1：组件的特点：复用+组合+可维护
2：react组件声明的2种方式：函数声明+类声明；用法跟jsx一样；可以跟jsx混合
3：react如何区分组件跟jsx元素，组件名开头大写
4：可以通过属性给组件传值props

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
// import App from './App';
import registerServiceWorker from './registerServiceWorker';

// ReactDOM.render(<App />, document.getElementById('root'));
let school={
    name:'浩浩11111',
    age:30,
}
let school2={
    name:'浩浩222222',
    age:309,
}
// 函数（组件）的参数是属性
function Build(props) {
    return <p>{props.school.name},{props.school.age}</p>
}
ReactDOM.render(<div>
    <Build school={school}></Build>
    <h1>你好</h1>
    <Build school={school2}></Build>
</div>, document.getElementById('root'));
registerServiceWorker();