반응 dva에서 상태를 변경하는 방법

react dva에서 상태를 변경하는 방법: 1. DvaState.js 및 dvaState.js 파일을 생성합니다. 2. "import React from 'react'; import { connect } from ...}"로 코드를 입력합니다.

이 기사의 운영 환경: Windows7 시스템, React17.0.1, Dell G3.

반응 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 (    <p>      <h2>dvaState</h2>      <h2>{dataList[0].list1}</h2>      <button onClick={handleChangeState}>改变state</button>    </p>  );};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에서 상태를 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!