react 基础操作

关于react 的一些基础操作

1.创建react 脚手架
第一步 npm install -g create-react-app 全局安装这个脚手架
第二步 mkdir reactdom 新建reactdom文件夹
第三步 cd reactdom 进入reactdom 这个文件夹
第四步 create-react-app dome01 在脚手架中新建一个文件夹

安装ant design

cd demo01
$ npm install antd --save
引入ant import * from ‘antd’

安装 redux
$ npm install --save redux

在谷歌商店中安装redux devtools (需翻墙)
随后在src目录下创建store 仓库文件夹，创建好后 在store文件夹内创建index.js
在index.js中创建仓库

import {createStore} from ‘redux’
const store=createStore()
export default store //创建好一个仓库

创建好仓库后，在store目录下创建 reducer 即仓库管理员
reducer就是一个方法 将它暴露出去即可，它有两个参数 state 和action
export default (state,action)=>{
return state
}
在index.js中引入reducer
把store引入需要的页面
把 页面数据放入reducer.js中 const defaultState={
inputval：“写点啥”，
list：[数组]
}
再将其渲染到页面上，在页面上使用constructor(props){
super（props)
测试有没有取到值
console.log(store.getState())
this.state=store.getstate()
}