2.React组件化 | 无心同学的个人网站|人生若只如初见，何事秋风悲画扇

2.React组件化

前言

上一篇学习了 react *的基础知识，这一篇来继续学习 *react 进阶知识

react基本组件创世

<div id="app"></div>
<script type="text/bable">
   	class HelloMessage extends React.Component {
        render() {
          return <h1>Hello {this.props.name}</h1>;
        }
    }
    ReactDOM.render(
        <HelloMessage name="John" />,
        document.getElementById('example')
    );
</script>

上面的代码，其实就是表示，定义一个 HelloMessage 的组件挂载到 React.Component 的总枝干下，创建一个 <h1>Hello {this.props.name}</h1> 的组件。其中 this.props 可以拿到父组件传值，