React学习过程和自己的一些想法（一）元素渲染

在学习Vue的过程中，我发现vue的很多库都是通过React来实现的，
所以在我对Vue有了一些了解后，我就选择来学React来充实一下自己。
元素渲染
这个就是我入门的第一步。
元素是实现React的最小单位，他用于描述屏幕需要输出的内容。
我们首先需要拥有一个根

<div id='app'></div>

在此 div 中的所有内容都将由 React DOM 来管理，所以我们将其称为 “根” DOM 节点。 一个页面一般只有一个根，如果需要在现有的页面上去实现，就需要在不同的地方设置多的根。

实现渲染的方法就是ReactDOM.render() 它可以实现将元素渲染到页面上。

const nums=<h1>你好啊</h1>;
//在id是app的div中渲染出nums
ReactDOM.render(
//需要渲染的元素
nums,
//要渲染的地方
document.getElementById('nums');
)

元素可以通过封装来方便渲染

function Clocks(props){
	return(
		<div><h1>他的名字是{props}</h1></div>
	)
}
ReactDOM.render(
	<Clocks date={"张三"}></Clocks>
	document.getElementById('nums')
)

效果图：
同时我们还可以使用React.Component 类来封装要展示的元素，需要注意的是在 render() 方法中，要用 this.props 替换 props