ReactDOM.render()函数、条件渲染、列表渲染

ReactDOM.render()

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

const element = <Welcome name="dayDreamer" />;
ReactDOM.render(
  element,
  document.getElementById('root')
);

1. ReactDOM.render函数是整个React应用程序首次渲染的入口函数
2. ReactDOM.render是React的最基本方法用于将模板转为HTML语言，并插入指定的DOM节点。ReactDOM.render(template.targetDOM)
3. 该方法接受两个参数：第一个是创建的模板，多个DOM元素外层需使用一个标签进行包裹，第二个参数是插入该模板的目标位置。
4. ReactDOM.render(JSX写的html模板，dom容器对象);
5. 总结：一个React的程序，就是把JSX通过ReactDOM.render()函数渲染到网页上。程序员完成的是JSX的编写。