react antd 全域性設定form表單不可編輯

2021-09-26 15:30:07 字數 870 閱讀 7604

在做編輯頁面的時候遇到乙個需求是「在指定狀態下內容不可編輯」

方案一:給每個、...新增disable屬性

這種方案在form表單內容比較多的情況下可能不是很方便,所以辜老師幫我想了方案二

方案二:封裝個元件全域性設定disable,如下

封裝乙個高階元件( ./input )

import react,  from "react";

export const formdisabledcontext = createcontext(

});function customformitemhoc(component) = usecontext(formdisabledcontext);

return ;

};}export default customformitemhoc;

元件使用:

import react from "react";

import reactdom from "react-dom";

import from "antd";

import customformitemhoc, from "./input";

const input = customformitemhoc(antdinput);

const checkbox = customformitemhoc(antdcheckbox);

class normalloginform extends react.component ;

render() = this.props.form;

return (

disabled

);}}

code by 辜老師

CSS Normalize(全域性設定)

作為前端工程師,很多人都有自己的一套css normalize檔案,這樣能省掉開發過程中的不少麻煩,提高工作效率。在前人的基礎上,我總結了自己的css normalize檔案,目前基本上每個專案都有在使用中 normalize html,html body 修正ie6振動bug body a,img...

全域性設定Gradle

哈!廢話多了,那就讓我們開始吧!android signingconfigs debug buildtypes debug allprojects dependencies testcompile junit junit 4.12 compile project x 編譯附加的專案 compile ...

使用者設定更新全域性設定

使用者設定 自定義配置檔案 user root pwd 123 全域性配置 專案預設的配置檔案 email 1223 qq.com config定義類方法把配置裡面的值更新到類方法裡面 import os import importlib from config import settings os...