问题
选项中的内容过长,导致下拉框长度变化,并且不能够显示所有内容。
解决方法
<Form.Item label="xxx" name="xxx" >
<Select
placeholder="请选择"
allowClear={true}
style={{ width: "130px" }}
>
{industryType.map(item=> (
<Option key={item} value={item} title={item}>
{item}
</Option>
))}
</Select>
</Form.Item>
1.为select添加宽度(防止被内容撑开,或长短随内容变化)
2.为Option添加title(鼠标悬停在下拉框的每一个选项时,都能够看到详细内容)