Antd 的請求過程 state和props的區別

2021-09-25 07:51:52 字數 2011 閱讀 7156

很多小夥伴可能剛接觸antd的時候會遇到這種困惑,這一坨**到底是個什麼鬼,不是類似mvc的開發方式嗎,為毛我把**都寫到了page(view)層呢

--src

--pages

--state

--models // model層

--state.js

--state.js // view層

--services

--state.js // service層

1. 請求過程

2. 詳細**

pages: state.js

import react,  from 'react';

import from 'dva/index';

// 這裡的state對應models層namespace名稱

@connect(() => ())

class state extends purecomponent ;

} componentdidmount() = this.props;

dispatch(, // 攜帶過去的引數

});} render() = this.props;

console.log(state);

// 這裡取出pages層中的state

const pages = this.state;

console.log(pages);

return state

; }

}export default state;

models: state.js,處理資料盡量放到model層完成

// 對應services層的state.js

import from '@/services/state';

export default ,

effects: , ) );

},},

reducers: ;

},},

};

services: state.js

import  from 'qs';

import request from '@/utils/request';

export async function gettestdata(params = {}) `);

}

index.php

<?php 

header("access-control-allow-origin: *");

header("access-control-allow-headers:content-type");

header("access-control-allow-methods:post, get, options");

$data = ['李四收到了張三的資料'.$_get['name']];

通過上面的分析可以了解整個的執行流程,但是注意的是:models 層中的state和pages中的state不是同乙個,如果pages中想要用models層中的state要通過reducers裡面的方法返回,並在pages中使用this.props 取出。

props 和 state的區別

一 時效性 所有資訊都具有時效性。文章的價值,往往跟時間有很大關聯。特別是技術類文章,請注意本文建立時間,如果本文過於久遠,請讀者酌情考量,莫要浪費時間。二 背景 在學習react的過程中,頻繁的跟props和state打交道,對於初學者來說,不知道什麼情況下來使用它們有時候不知道在什麼情況下來使用...

state 和 props 之間的區別

setstate 會對乙個元件的state物件安排一次更新。當 state 改變了,該元件就會重新渲染。呼叫setstate其實是非同步的 不要指望在呼叫setstate之後,this.state會立即對映為新的值。如果你需要基於當前的 state 來計算出新的值,那你應該傳遞乙個函式,而不是乙個物...

RNN 的 output 和 state 的區別

學習模型驗證,要提取rnn的隱藏狀態的時候遇到了乙個難題,就是rnn的output 和 state 的區別。也就是說,model.predict 輸出的是不是我想要的s呢 最簡單的rnn單元,它每次接受乙個當前輸入 x t 和前一步的隱層狀態 s 然後產生乙個新的隱層狀態 s t,也即 s t f ...