- react 脚手架的安装
create-react-app构建的react是将webpack也进行打包,构建的一个集成的简便的react项目。
安装之后进入文件目录 执行 npm run start 或 npm start 启动项目
之后执行npm run eject就可以将项目解压成平常我们见到的webpack项目结构了。
- ant design 的使用
npm install antd -S
npm add antd
使antd按需加载 因此要引入 babel-plugin-import
npm install babel-plugin-import -D
然后在webpack.confog.dev.js 中找到// Process JS with Babel
然后就可以在项目中使用ant design
3.react-router 安装和使用
react-router的安装
npm install react-router
然后在src下面建一个router.js的文件
然后在src下面的index文件内引入router.js
页面跳转:
params方式进行传参:
首先需要在 路由表中去定义要传的参数名 如下:
可在页面的js中这么写
然后 通过在接收的页面上 去接受参数
query方式进行传参
传递
接收
params的方式进行传参 有一个缺点 在刷新页面的时候 参数会丢失
state方式
此方法综合上述两种方式的优点
传递
或
接收