全局安装脚手架
npm i create-react-app -g
创建react:
create-react-app 项目名称
启动命令:
npm state
创建类组件:
import React, { Component } from 'react'
export default class table extends Component {
render() {
console.log(this.props)
return (
<div>
内容
</div>
)
}
}
创建函数组件:
import React from 'react';
function App() {
return (
<div>
内容
</div>
);
}
export default App;
创建数据库:
先下载一些先关的包
命令:
npm install react-redux //react获取数据
npm install redux //store与react连接
npm install redux-thunk //'加强器'使dispatch支持传函数参数
在src下创建store文件夹与index.js文件
index.js如下编写:
![](https://img2020.cnblogs.com/blog/2056295/202012/2056295-20201215204352180-1879564944.png)
app.js文件下如图操作
![](https://img2020.cnblogs.com/blog/2056295/202012/2056295-20201215204116217-362595623.png)
想使用store里数据的组件如下操作:
路由:命令:npm react-ruoter-dom
路由传参:
例:
样式包:
npm install node-sass
注意版本新版本不兼容
app.js下引入即可