我使用 ant design pro 和 react 來創建表單，但我無法使用鉤子保存選擇的值。i 顯示錯誤錯誤
const ExistingGroup = (props) => {
const [group,setGroup] = useState([]);
const saveGroup = (event) => {
setGroup(event.target.value);
}
return (
<PageContainer header={{ title: '' }} ghost>
<Card bordered={false} style={{ width: '100%' }}>
<Form>
<Form.Item>
<Select value={group} onSelect={saveGroup}>
<Option value='1'>1</Option>
<Option value='2'>2</Option>
</Select>
{group}
</Form.Item>
</Form>
</Card>
</PageContainer>
);
};
uj5u.com熱心網友回復：
如果您閱讀 的檔案Select，onSelect則會使用所選元素的值呼叫該方法。
onSelect選擇選項時呼叫，引數是選項的值（或鍵）和選項實體
function(string | number | LabeledValue, option: Option)
所以你要
const saveGroup = (value) => {
setGroup(value);
}
此外，由于它不是多選，因此您應該為 the 使用單個值group而不是陣列。
const [group,setGroup] = useState(null);
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/408305.html
標籤：