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

2022/9/9 4:53:03

本文主要是介绍【九月打卡】第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的格式?这些问题,还要继续往下学习学习。组件搭建了之后,每个都要单独的导出才可以使用,这可以避免冗余。

https://img4.sycdn.imooc.com/6319b3030001377412900639.jpg



这篇关于【九月打卡】第3天-react16的傻瓜教程的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程