Question

假设从下拉菜单中选择：

<select onChange={newfetchVendor}>
    <option value ={'narnia}>Narnia</option>
    <option value ={'simba}>Simba</option>
</select>

在函数 newfetchVenodr 中：

async function newfetchVendor(e) {
    if (!!e) {
        let bestMovie = {`{e.target.value}`:'This is a good Movie'}
                         //this throws error
    }
}

如何在 bestMovie 中的 key 中设置从下拉列表中选择的任何电影的值？

Answer 1

您需要使用 [] 将值作为属性键传递：

async function newfetchVendor(e) {
    if (!!e) {
        let bestMovie = {[e.target.value]: 'This is a good Movie'}
    }
}

您的选项也缺少结尾引号。它应该是这样的：

<select onChange={newfetchVendor}>
    <option value='narnia'>Narnia</option>
    <option value='simba'>Simba</option>
</select>

在对象中动态添加值

1 个答案: