react获取state的值并更新使用

react获取state的值并且修改分为两种情况：

在视图层处理：

//在 state 中饭设置初始值
state={name:'',age:''}//通过 控制一个事件触发然后setState 去设置
setName=()=>{this.setState({name})
}

在model层处理：

view层

  //前端通过dispatch 去调用changeTab 接口onTabsChange = (key) => {  this.props.dispatch({type: `${this.module}/changeTab`,  payload: key});}

model层：

const moduleName = 'mayouchen';
let defaultState = {activeTabKey: "1"
};
export default {namespace: moduleName,state: {moduleName: moduleName,defaultState,...defaultState
},
effects: {* changeTab({ payload, }, { call, put, select }) {  // 更新  activeTabKey  yield put({type:'updateActiveTabKey',payload}); // 更新完  activeTabKey  就可以使用  activeTabKey 更新后的值yield put({type: 'getDataByTab'});},* getDataByTab({payload }, { call, put, select }) { let { activeTabKey } = yield select(state => state[moduleName]);//切换TAB调用不同接口if(activeTabKey == "1") {  //商户信息yield put({type:'businessInformation', payload: {}});} else if (activeTabKey == "2" ) {  //审批信息yield put({type:'approvalInformation', payload: {}})}else if (activeTabKey == "3" ) {}}, * businessInformation ({payload, }, { call, put, select }) {const result = yield call(read, payload);if (result ) {let { data } = result ;yield put({ type: 'getBusinessInformationData', payload: {...data }});}else {message.error(`获取信息失败：${entityRes.globalError}`);}}
}reducers: {updateActiveTabKey(state, action) {return {...state,activeTabKey: action.payload};}
}

react获取state的值并更新使用相关推荐

Dva中在effects中获取state的值
Dva中在effects中获取state的值首先,看官网给出effects中的例子 effects详情见 it('put multi effects in order', done => {c ...
vuex分模块后，如何获取state的值
问题:vuex分模块后,一个模块如何拿到其他模块的state值,调其他模块的方法? 思路:1.通过命名空间取值--this.$store.state.car.list // OK 2.通过定义该属性的 ...
React获取多个输入框的值
react获取输入框的值: 需要用到数据的双向绑定,Vue有v-module,react就需要使用event.target来更新react的状态, 1.初始化:this.state={"us ...
jsonp react 获取返回值_必须要会的 50 个React 面试题（下）
翻译:疯狂的技术宅原文:https://www.edureka.co/blog/interview-questions/react-interview-questions 29. 你对受控组件和非受 ...
react获取input输入框的单值以及多值的方法
react 获取input 输入框的值的多种方式第一种方式非受控组件获取非受控组件获取 ref import React , {Component} from 'react'; export d ...
react如何获取input值_react中怎么获取input的值？
react中怎么获取input输入框的值?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. react 获取input 输入框的值第一种方法:通过event ...
[react] componentWillUpdate可以直接修改state的值吗
[react] componentWillUpdate可以直接修改state的值吗 1: 不行,这样会导致无限循环报错. 2:在react中直接修改state,render函数不会重新执行渲染,应使用 ...
【react基础】7、react获取文本框的值
React获取文本框的值 1.e.target.value 2.用ref标记节点,ref="textbox",使用时调用this.refs.textbox.value 3.用ref ...
class react 获取_「前端进阶」React系列九 - 受控非受控组件
源自:coderwhy 一. refs的使用在React的开发模式中,通常情况下不需要.也不建议直接操作DOM原生,但是某些特殊的情况,确实需要获取到DOM进行某些操作: 管理焦点,文本选择或媒体播 ...

react获取state的值并更新使用

react获取state的值并且修改分为两种情况：

react获取state的值并更新使用相关推荐

最新文章

热门文章