亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

【九月打卡】第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://img1.sycdn.imooc.com//6319b3030001377412900639.jpg

點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消