小型旅游网站,汕头建设银行,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;
}
