做出反应。显示一个值发送另一个到服务器

Question

拥有一个选择组件，通过选项变量接收一系列货币，用户可以看到里面的价值数据（例如美元、欧元）和选择其中之一。

此时，在选择一个选项后，在服务器错误后，正在将有效载荷发送到整个对象。为了验证该值，服务器将不接受除货币代码字符串“USD”之外的任何其他内容。那么我该怎么做才能发送变量值呢？

感谢任何帮助。非常感谢！

const options = [
    {
        value: 'US Dollar',
        code: 'USD'
    },
    {
        value: 'Euro',
        code: 'EUR'
    },
    {
        value: 'Japanese yen',
        code: 'JPY'
    }
];

const App = () => {
    const [currency, setCurrency] = useState('');

    return (
        <>
            <Select
                label="Currency"
                options={options}
                onChange={setCurrency}
                value={currency}
            />
        </>
    )
}

Answer 1

你可以试试

onChange={e=>setCurrency(e.target.value)}

或

onChange={e=>setCurrency(e.target.value.code)}