day1 学习react 安装react和初始react脚手架

平时习惯写v2和v3,但是react还是要会,今天开始每天记录自己学习react的心得,也算是自己的笔记把,日后需要用的时候直接拿过来看就可以了,就当做一个电子档的笔记。

react我就不介绍React.createElement()这个方法了,我就直接从jsx介绍了,但是我还是会附上用那个方法写的代码片段

第一所有的react代码之前我们都需要引入react和reactDOM,切记顺序不能乱react在reactDOM之前

day1 学习react 安装react和初始react脚手架

或许有的人说,我就不喜爱react脚手架里面写,我就喜爱在普通的html页面里面写,那怎么写呢?接下里我就来介绍一下咋写,但是这种方法并不常用,这个时候你需要引入react和reactdom这两个,我从官网直接引入

day1 学习react 安装react和初始react脚手架

react官网:https://react.docschina.org/

这个时候我们就可以创建我们的第一个属于我们自己的react程序了:

day1 学习react 安装react和初始react脚手架

下面我们来介绍一下,如何使用脚手架创建我们的第一个react程序,

这个时候我们需要安装脚手架:npx create-react-app my-app

注意my-app是我们自己的项目名称,是可以随意命名的。

之后按照终端提示就可以了,注意启动项目和vue有区别,直接 npm start就可以启动项目了

day1 学习react 安装react和初始react脚手架

这里我只介绍index.js相当于vue的main.js  app.js就相当于vue的app.vue文件

注意react里面的css样式是独立的css文件,需要我们自己在js文件里面引入,还有一点需要注意的是后期创建的js文件最好以jsx结尾,由于js有时候不识别jsx语法。

下面我们就开始从index.js文件里面开始慢慢学习,我的index.js文件里面的代码已经被我改动了,我就直接上我改动的代码了

day1 学习react 安装react和初始react脚手架

接下来,我把App组件里面的内容直接发出来

day1 学习react 安装react和初始react脚手架

好了,第一天由于时间关系,学的不是太多,每天也就可怜的晚上的一点时间学习,明天见,有喜爱的欢迎留言点赞

© 版权声明
THE END
如果内容对您有所帮助,就支持一下吧!
点赞0 分享
评论 共2条

请登录后发表评论