重庆模板建站定制网站,WordPress到底好不好用,长春做网站哪里好,优化大师免费安装下载使用Antd React Form使用Radio会遇到嵌套多个Select和Input的处理#xff0c;需要多层嵌套和处理默认事件和冒泡#xff0c;具体实现过程直接上代码。 实现效果布局如下图 代码
Formnamebasicform{form}labelWrap{...formItemLayoutSpan(5, 19)}onFinish{on… 使用Antd React Form使用Radio会遇到嵌套多个Select和Input的处理需要多层嵌套和处理默认事件和冒泡具体实现过程直接上代码。 实现效果布局如下图 代码
Formnamebasicform{form}labelWrap{...formItemLayoutSpan(5, 19)}onFinish{onFinish}autoCompleteoffRow gutter{gutterValue}Col span{24}Form.Item nameisConfirm noStyleRadio.GroupSpace directionverticalRadio value{1}Space wrap已定级备案第span onClick{eventPrevent}Form.ItemnoStyleshouldUpdate{(prevValues, currentValues) (prevValues as any)?.isConfirm !(currentValues as any)?.isConfirm}{({ getFieldValue }) (FormItemSelectclassNamelevel-selectnoStyle{true}options{confidentialLevelNumberDict as optionsDict[]}disabled{getFieldValue(isConfirm) 2}name{1111}/)}/Form.Item/span级一至四Sspan onClick{eventPrevent}Form.ItemnoStyleshouldUpdate{(prevValues, currentValues) (prevValues as any)?.isKey !(currentValues as any)?.isKey}{({ getFieldValue }) (FormItemSelectclassNamelevel-selectnoStyle{true}options{confidentialLevelNumberDict as optionsDict[]}disabled{getFieldValue(isConfirm) 2}name{112222}/)}/Form.Item/spanAspan onClick{eventPrevent}Form.ItemnoStyleshouldUpdate{(prevValues, currentValues) (prevValues as any)?.isKey !(currentValues as any)?.isKey}{({ getFieldValue }) (FormItemSelectclassNamelevel-selectnoStyle{true}options{confidentialLevelNumberDict as optionsDict[]}disabled{getFieldValue(isConfirm) 2}name{11223333}/)}/Form.Item/spanGspan onClick{eventPrevent}Form.ItemnoStyleshouldUpdate{(prevValues, currentValues) (prevValues as any)?.isKey !(currentValues as any)?.isKey}{({ getFieldValue }) (FormItemSelectclassNamelevel-selectnoStyle{true}options{confidentialLevelNumberDict as optionsDict[]}disabled{getFieldValue(isConfirm) 2}name{11255555}/)}/Form.Item/span/Spacediv classNamemt-4span onClick{eventPrevent}Space备案证明编号Form.ItemnoStyleshouldUpdate{(prevValues, currentValues) (prevValues as any)?.isConfirm !(currentValues as any)?.isConfirm}{({ getFieldValue }) (FormItemInputnoStyle{true}disabled{getFieldValue(isConfirm) 1}name{33666}/)}/Form.Item/Space/span/div/RadioRadio value{2}Space wrap未定级本次密评依据GB/T 39786—2021《信息安全技术信息系统密码应用基本要求》第spanonClick{(e) {e.stopPropagation();e.preventDefault();}}Form.ItemnoStyleshouldUpdate{(prevValues, currentValues) (prevValues as any)?.isConfirm !(currentValues as any)?.isConfirm}{({ getFieldValue }) (FormItemSelectnoStyle{true}classNamelevel-selectoptions{confidentialLevelNumberDict as optionsDict[]}disabled{getFieldValue(isConfirm) 1}name{77777}/)}/Form.Item/span级一至四信息系统要求/Space/Radio/Space/Radio.Group/Form.Item/Col/Row
/Formconst eventPrevent (event: any) {event.preventDefault();event.stopPropagation();
};export { eventPrevent };.level-select {width: 84px !important;
}