【九月打卡】第3天-react16的傻瓜教程

课程名称：基于实例的react 16 傻瓜教程

课程章节：react 第一个组件

课程讲师： 张轩

课程内容：

编写第一个组件，那程序的开始必然是从hello world开始啦！

先导入react:import react from 'react'

然后编写输出内容

class welcome extends react.component{

render(){

return <h1> hi zzzz </h1>

}

}

export default welcome

然后在index.js界面导入，然后使用组件

这样一个react项目的组件就完成了

课程收获：

学习了第一个组件。成功的运行了第一个组件。学到了render 方法，render很重要，他决定了渲染出来的效果。第二个是reactDOM.render方法，可以把写好的组件挂载到DOM上。那奇怪的HTML格式是什么呢，为什么能够正常的挂载在DOM上？会不会影响到原来的HTML的格式？这些问题，还要继续往下学习学习。组件搭建了之后，每个都要单独的导出才可以使用，这可以避免冗余。