问题:form表单类型为type='radio-group’时,labe里写<Select></Select>
,点击select还未进行选择,下拉框就收进去了
<FormRow>
<FormElement
{
...formProps500}
width={
700}
label="品项优惠金额"
name="deductTypeCheck"
required
options={
[
{
label: <><span style={
{
marginTop: '4px' }}>优惠金额区间</span>
<InputNumber placeholder={
'请输入'} />
<span>元</span></>, value: '0'
},
{
label: <><span style={
{
marginTop: '4px' }}>优惠金额区间</span>
<InputNumber placeholder={
'请输入'} />
<Select style={
{
margin: '0 4px', height: '28px', width: '59px' }} >
<Option value="amt">元</Option>
<Option value="pct">%</Option>
</Select></>,
value: '1'
}
]}
>
</FormElement>
</FormRow>
解决:
不用type='radio-group’类型,将<Radio.Group> </Radio.Group> 写出来,select就不用包在label里面了
<FormRow>
<FormElement
{
...formProps500}
width={
700}
label="品项优惠金额"
name="deductTypeCheck"
required
>
<Radio.Group>
<div>
<Radio value={
0}>固定金额</Radio>
<span>
<InputNumber placeholder={
'请输入'}/>
<span>元</span>
</span>
</div>
<div>
<Radio value={
1}>优惠金额区间</Radio>
<InputNumber placeholder={
'请输入'}/>
<span>~</span>
<InputNumber placeholder={
'请输入'} />
<Select style={
{
margin: '0 4px', height: '28px', width: '59px' }} >
<Option value="amt">元</Option>
<Option value="pct">%</Option>
</Select>
</div>
</Radio.Group>
</FormElement>
</FormRow>