React DVA で状態を変更する方法-jsチュートリアル-php.cn

状態を変更する React dva メソッド: 1. DvaState.js および dvaState.js ファイルを作成します; 2. コードを「import React from 'react'; import { connect } from ...}」と入力します。

React DVA で状態を変更する方法

#この記事の動作環境: Windows7 システム、react17.0.1、Dell G3。

react dva 状態を変更する方法は?

react dva フレームワークをクリックして状態値を変更します。これは this.state と this.setState() に似ています。反応中

最初に表示

クリックして変更する前の状態の値

クリックして変更した後の状態の値の変更変更

まず、ルートディレクトリに 2 つのファイル

##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 ビデオチュートリアル

以上がReact DVA で状態を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。