資訊專欄INFORMATION COLUMN
摘要：表單域表單一定會(huì)包含表單域，表單域可以是輸入控件，標(biāo)準(zhǔn)表單域，標(biāo)簽，下拉菜單，文本域等。如果發(fā)現(xiàn)下拉菜單跟隨頁面滾動(dòng)，或者需要在其他彈層中觸發(fā)，請(qǐng)嘗試使用將下拉彈層渲染節(jié)點(diǎn)固定在觸發(fā)器的父元素中。
DvaJs
dispatch
在 dva 中，connect Model 的組件通過 props 可以訪問到 dispatch，
可以調(diào)用 Model 中的 Reducer 或者 Effects，常見的形式如：
dispatch({
type: "user/add", // 如果在 model 外調(diào)用，需要添加 namespace
payload: {}, // 需要傳遞的信息
});
可以通過類似this.props.dispatch({
type: "siteConfig/eff_getMutantGene", // siteConfig為modal文件夾名，eff_getMutantGene為Effects方法。
payload: {itemId: item[i].itemid}
})
調(diào)用Model中的Reducer或者Effects。
connect
如果要發(fā)起一個(gè) action 需要使用 dispatch 函數(shù)；
需要注意的是 dispatch 是在組件 connect Models以后，
通過 props 傳入的。
Ant Design
表單域
表單一定會(huì)包含表單域，表單域可以是輸入控件，
標(biāo)準(zhǔn)表單域，標(biāo)簽，下拉菜單，文本域等。
這里我們封裝了表單域
getPopupContainer
getPopupContainer菜單渲染父節(jié)點(diǎn)。默認(rèn)渲染到 body 上，
如果你遇到菜單滾動(dòng)定位問題，試試修改為滾動(dòng)的區(qū)域，并相對(duì)其定位。
如果發(fā)現(xiàn)下拉菜單跟隨頁面滾動(dòng)，
或者需要在其他彈層中觸發(fā) Select，
請(qǐng)嘗試使用 getPopupContainer={triggerNode => triggerNode.parentNode}*
將下拉彈層渲染節(jié)點(diǎn)固定在觸發(fā)器的父元素中。
getFieldDecorator.1
經(jīng)過 getFieldDecorator 包裝的控件，表單控件會(huì)自動(dòng)添加 value（或
valuePropName 指定的其他屬性） onChange（或 trigger 指定的其他屬性），
數(shù)據(jù)同步將被 Form 接管，這會(huì)導(dǎo)致以下結(jié)果：
你不再需要也不應(yīng)該用 onChange 來做同步，但還是可以繼續(xù)監(jiān)聽 onChange 等事件。 你不能用控件的 value defaultValue 等屬性來設(shè)置表單域的值，
默認(rèn)值可以用 getFieldDecorator 里的 initialValue。
你不應(yīng)該用 setState，可以使用 this.props.form.setFieldsValue 來動(dòng)態(tài)改變表單值。
getFieldDecorator.2
const { getFieldDecorator, getFieldValue } = this.props.form
需要用到getFieldDecorator 等方法時(shí)需要用到this.prop.form。還需要在末尾加上Form.create
經(jīng)過 Form.create 包裝的組件將會(huì)自帶 this.props.form 屬性，
注意：使用 getFieldsValue getFieldValue setFieldsValue 等時(shí)，
應(yīng)確保對(duì)應(yīng)的 field 已經(jīng)用 getFieldDecorator 注冊(cè)過了。
resetFields
resetFields重置一組輸入控件的值（為 initialValue）與狀態(tài)，
如不傳入?yún)?shù)，則重置所有組件
Form.create()
經(jīng) Form.create() 包裝過的組件會(huì)自帶 this.props.form 屬性
帶有勾選框的Table
Table的rowSelection的type屬性可以改變可選表單的單選或多選問題。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/109773.html
本文收集學(xué)習(xí)過程中使用到的資源。 持續(xù)更新中…… 項(xiàng)目地址 https://github.com/abc-club/f... 目錄 vue react react-native Weex typescript Taro nodejs 常用庫 css js es6 移動(dòng)端 微信公眾號(hào) 小程序 webpack GraphQL 性能與監(jiān)控 高質(zhì)文章 趨勢(shì) 動(dòng)效 數(shù)據(jù)結(jié)構(gòu)與算法 js core 代碼規(guī)范...
摘要：寫在前面最近做畢設(shè)的時(shí)候發(fā)現(xiàn)網(wǎng)絡(luò)上關(guān)于版本的基礎(chǔ)入門資料太少，我一個(gè)后端開發(fā)人員當(dāng)時(shí)入門也是跌跌撞撞，現(xiàn)在我將我所學(xué)的分享出來，避免大家少走一些彎路。 1.寫在前面 最近做畢設(shè)的時(shí)候發(fā)現(xiàn)網(wǎng)絡(luò)上關(guān)于ant designpro2.0版本的基礎(chǔ)入門資料太少，我一個(gè)后端開發(fā)人員當(dāng)時(shí)入門也是跌跌撞撞，現(xiàn)在我將我所學(xué)的分享出來，避免大家少走一些彎路。 2.開發(fā)環(huán)境 你的本地環(huán)境需要安裝 node ...
摘要：前言此項(xiàng)目是用于構(gòu)建博客網(wǎng)站的，由三部分組成，包含前臺(tái)展示管理后臺(tái)和后端。體驗(yàn)地址網(wǎng)站主頁網(wǎng)站首頁管理后臺(tái)計(jì)劃這次是一個(gè)完整的全棧式開發(fā)，只要部署了這三個(gè)項(xiàng)目的代碼，是完全可以搭建好博客網(wǎng)站的。 showImg(https://segmentfault.com/img/remote/1460000017095592); 前言 此項(xiàng)目是用于構(gòu)建博客網(wǎng)站的，由三部分組成，包含前臺(tái)展示、管理...
摘要：配置路由在行新增如下內(nèi)容這行是新增的內(nèi)容做完如上步驟其實(shí)功能是完成了，但是版本中加入了菜單國(guó)際化中。所以你剛剛的頁面如下這不是我們想要的效果，讓我在進(jìn)行修改修改在行新增如下內(nèi)容新增菜單新增頁面查看效果運(yùn)行效果讓我做一道連線題把 1.參考資料 參考ant design pro 參考DvaJs 2.目錄地址 Ant Desing Pro2.0(一)項(xiàng)目初始化 Ant Desing...
摘要：參考資料參考參考目錄地址一項(xiàng)目初始化二新增頁面三設(shè)置代理四與服務(wù)端交互修改文件在將行和行的注釋打開代理前綴，請(qǐng)求格式資源地址將所有以開頭的所有路由都代理到目標(biāo)地址代理目標(biāo)地址是否跨域訪問最終請(qǐng)求時(shí)候忽略掉舉個(gè)例子吧有個(gè)接口請(qǐng)求之后會(huì)返回 1.參考資料 參考ant design pro 參考DvaJs 2.目錄地址 Ant Desing Pro2.0(一)項(xiàng)目初始化 Ant D...
閱讀 1074·2021-11-22 13:53
閱讀 1626·2021-11-17 09:33
閱讀 2425·2021-10-14 09:43
閱讀 2901·2021-09-01 11:41
閱讀 2304·2021-09-01 10:44
閱讀 2974·2021-08-31 09:39
閱讀 1475·2019-08-30 15:44
閱讀 1886·2019-08-30 13:02
