2019-06-11 | react学习记录 | UNLOCK

2.React组件化

前言

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

react基本组件创世

1
2
3
4
5
6
7
8
9
10
11
12
<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 可以拿到父组件传值,

评论加载中