React（脚手架）——create-react-app撸api
2019-03-01 本文已影响57人
感觉不错哦
上次的webpack配置React环境就写到那了，因为本人太菜，就不误导大家了
回答最初的create-react-app的脚手架安装，安装之后的目录稍微看一下
初始化的目录是有点乱的，当然可能你的组长会配置好所有事项比如说这样
改完之后呢如果我们运行npm start 是会报错的，因为我们文件的默认路径呗修改了，这个看着修改一下就好，这个问题不大
那APP.js就是我们的默认根组件，跟vue类似我们将自己新建的组件通过路由渲染到根组件中，接下来我们在components文件夹中新建一个组件
这里几个点注意一下，首先是引入的文件，这个import 引入不是很懂的肯定看看我的ES6模块的导入与暴露文章，构造函数省略了，因为constructor在脚手架中必须有内容，这里偷懒顺便解惑一下，然后通过export default将其暴露，步骤其实跟vue一样
然后我们在App.js中将其引入并渲染，页面自然就可以显示了，有了之前的基础学起脚手架来得心应手，当好我不会偷懒会再练一遍
比如说state
写法一样并且现在有热更新了，十分方便，如果你打开页面发现内容会居中，这是自带的默认css效果，这个无所谓哈
我们再新建一个组件
如果没有传入Component，那么就是老写法React.Component，看自己习惯
那么组件继续插入根组件就可以了
