Javascript

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

本文主要是介绍【九月打卡】第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的傻瓜教程的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航