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