平时习惯写v2和v3,但是react还是要会,今天开始每天记录自己学习react的心得,也算是自己的笔记把,日后需要用的时候直接拿过来看就可以了,就当做一个电子档的笔记。
react我就不介绍React.createElement()这个方法了,我就直接从jsx介绍了,但是我还是会附上用那个方法写的代码片段
首先所有的react代码之前我们都需要引入react和reactDOM,切记顺序不能乱react在reactDOM之前
或许有的人说,我就不喜欢react脚手架里面写,我就喜欢在普通的html页面里面写,那怎么写呢?接下里我就来介绍一下咋写,但是这种方法并不常用,这个时候你需要引入react和reactdom这两个,我从官网直接引入
react官网:https://react.docschina.org/
这个时候我们就可以创建我们的第一个属于我们自己的react程序了:
下面我们来介绍一下,如何使用脚手架创建我们的第一个react程序,
这个时候我们需要安装脚手架:npx create-react-app my-app
注意my-app是我们自己的项目名称,是可以随意命名的。
之后按照终端提示就可以了,注意启动项目和vue有区别,直接 npm start就可以启动项目了
这里我只介绍index.js相当于vue的main.js app.js就相当于vue的app.vue文件
注意react里面的css样式是独立的css文件,需要我们自己在js文件里面引入,还有一点需要注意的是后期创建的js文件最好以jsx结尾,因为js有时候不识别jsx语法。
下面我们就开始从index.js文件里面开始慢慢学习,我的index.js文件里面的代码已经被我改动了,我就直接上我改动的代码了
接下来,我把App组件里面的内容直接发出来
好了,第一天因为时间关系,学的不是太多,每天也就可怜的晚上的一点时间学习,明天见,有喜欢的欢迎留言点赞