React中Redux通过action对stroe进行修改
2020-08-05 14:04
876 查看
一、目录结构
src| store| index.js reducer.js Home.js
二、Home.js中:
constructor(props){ super(props); this.state = store.getState(); store.subscribe(this.changeStateStr.bind(this)) //监听是否有action提交,若有则触发括号中的函数 } render () { return ( <div> <h1>数据:{this.state.str}</h1> <button onClick={this.changeStr.bind(this)} >——————修改数据——————</button> <button onClick={this.toNews.bind(this)}>新闻</button> </div> ) } changeStr(){ let action ={ type:"change_str" //提交说明,用于reducer.js中的switch来区分action } store.dispatch(action); //提交action } changeStateStr(){ this.setState(store.getState()) //将this.state与store中的数据同步 }
三、reducer.js中
let dataState = { str:"==这是仓库中的数据==" } export default (state=dataState,action)=>{ let newState = state; switch(action.type){ case "change_str": //当action.type为change_str newState.str=11111; return newState; break; default: return state; } }
相关文章推荐
- Ubuntu通过修改配置文件进行网络配置
- 通过LDAP在AD域控上进行添加、删除、修改、查询等各种操作
- 通过servlet来实现对Mysql进行连接、插入、修改、删除操作
- const修饰的常量 不能被直接修改 但是可以通过指针进行间接修改
- 最完整的React+Redux+router兼容ie8 修改!!!!
- React进阶(4)-拆分Redux-将store,Reducer,action,actionTypes独立管理
- 通过action传过来的值在option获取进行验证
- Ubuntu通过修改配置文件进行网络配置
- String是final类,常规情况下其值是不可变的。但是可以通过非常规方法——反射进行修改
- 监控SQL:通过SQL Server的DML触发器来监控哪些IP对表的数据进行了修改(2)
- 通过字符串生成Style并设置Style实现对ListBox里面的呈现进行修改
- 通过LDAP在AD域控上进行添加、删除、修改、查询等各种操作
- 在React项目中使用redux进行组件通信
- react-redux中异步action的写法
- SYD8801从机和TIcc2540主机进行通讯(通过修改主机端代码实现)
- 监控SQL:通过SQL Server的DML触发器来监控哪些IP对表的数据进行了修改(2)
- 通过LDAP在AD域控上进行添加、删除、修改、查询等各种操作
- linux下同时装ananocda2和anaconda3通过修改.bashrc文件进行切换
- React路由跳转时通过传参进行动态渲染的方法
- react native+redux 使用jest进行unit test