react 学习

react

首先使用creat-react-app来创建项目,创建命令:

create-create-app my-app

npm run start运行

创建好后,目录中有一个src文件,里面的index.js是入口文件,页面从这里开始加载相当于vue中的app.vue

app.js文件是一个示例组件,我们可以修改这个文件,然后就可看到页面发生了变化

如果需要暴露create-react-app的隐藏的webpack配置文件,可以运行

npm run eject

进行相应的修改,然后的目录如下:

我们可以在src中构建自己项目的基本目录:

assets-放图片等静态资源

components-放一些通用组件

css-css样式

pages-项目页面

redux-redux配置

router-react-router配置

然后就可以开始写自己的项目了,我自己写了一个例子: 在components中创建一个layout组件

            

然后再index.js入口文件中引入该组件

然后保存运行。结果如下:

hello是app中的内容。

以上是 react 学习 的全部内容, 来源链接: utcz.com/z/383198.html

回到顶部