组件&props
组件 & Props
组件，从概念上类似于 JavaScript 函数。它接受任意的入参（即 “props”），并返回用于描述页面展示内容的 React 元素。
函数组件与 class 组件
函数组件
function Welcome(props) {
return <h1>Hello, {
props.name}</h1>;
}
class 组件
class Welcome extends React.Component {
render() {
return <h1>Hello, {
this.props.name}</h1>;
}
}
渲染组件
之前，我们遇到的 React 元素都只是 DOM 标签,
不过，React 元素也可以是用户自定义的组件,
当 React 元素为用户自定义组件时，它会将 JSX 所接收的属性（attributes）以及子组件（children）转换为单个对象传递给组件，这个对象被称之为 “props”。
function Welcome(props) {
return <h1>Hello, {
props.name}</h1>;
}
const element = <Welcome name="Sara" />;
ReactDOM.render(
element,
document.getElementById('root')
);