react dva如何更改state
发表于:2024-10-02 作者:千家信息网编辑
千家信息网最后更新 2024年10月02日,这篇文章主要介绍了react dva如何更改state,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。react dva更改state的
千家信息网最后更新 2024年10月02日react dva如何更改state
这篇文章主要介绍了react dva如何更改state,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
react dva更改state的方法:1、创建DvaState.js和dvaState.js文件;2、输入代码为"import React from 'react';import { connect } from ...}"即可。
本文操作环境:Windows7系统、react17.0.1、Dell G3。
react dva框架 点击修改state的值 类似react中的this.state和this.setState()
先展示下
点击改变前state的值
点击改变后state的值的变化
首先创建者两个文件
routes目录下的DvaState.js
import React from 'react';import { connect } from 'dva';import { Link } from 'dva/router';let count = 0const DvaState = ({ dispatch, dvaState, }) => { const {dataList} = dvaState console.log(dataList) console.log(dvaState) const handleChangeState = () => { dispatch({ type:'dvaState/changeState', payload:{ dataList:[ { list1: count++, list2: 'list22', list3: 'list33' }, { list2:'111' } ] } }) } return (
dvaState
{dataList[0].list1}
);};export default connect(({ dvaState }) => ({ dvaState}))(DvaState);
models 目录下的 dvaState.js
export default { namespace: 'dvaState', state: { dataList:[ { list1:'a', list2:'c', } ]}, subscriptions: { setup({ dispatch, history }) { }, }, effects: { }, reducers: { changeState(state, {payload}) { return {...state, ...payload} } },};
感谢你能够认真阅读完这篇文章,希望小编分享的"react dva如何更改state"这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!
篇文章
文件
目录
两个
代码
价值
兴趣
创建者
同时
方法
更多
朋友
框架
环境
知识
系统
编带
行业
资讯
资讯频道
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
湖北服务器机柜哪种好
ai 自动驾驶bsp软件开发
网络安全地方性条例
围绕网络安全的手抄报内容
我的世界网易版单方块服务器
密押服务器
后台服务器是什么
突然之间手机连不上网络服务器
nginx类似的服务器
黑客文化与网络安全期末试题
数据库中的部分泛化
软件开发学校的条件
控制平台软件开发
数据库设计会员套餐
外部数据库怎么连接sql
网络安全认证登录界面
中国电信网络安全运营中心怎么样
mc白名单为什么进不来服务器
视频点播软件开发定制公司
王者荣耀怎么删服务器
服务器怎么查找URL
eufy 服务器
看服务器
QQ浏览服务器下载安全
成都电商软件开发定制
电子商务软件开发的行业需求
腾讯云轻量应用服务器能换系统吗
内蒙古服务器机柜方案
服务器志强cpu多少核
数据库中的数据的基本操作