在做編輯頁面的時候遇到乙個需求是「在指定狀態下內容不可編輯」
方案一:給每個、...新增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...