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