如何在javascript中创建对象时动态提供字段名？

我试图使用es6结构在javascript对象中动态添加字段名和值。问题在于它不使用值，只使用字段名

updateValue(event){

        let varName = event.target.dataset.field;

        this.realFormData = {...this.realFormData , varName : event.detail.value};
        console.log( this.realFormData); 
    }

Console.log OP:

{somefield:“someValue”，varname:“someValue”}

如您所见，它将字段用作varName，而不是varName的值

如何绑定

varName

的值而不是它的字符串？

如下所示：

this.realFormData = {...this.realFormData , [varName] : event.detail.value};

像这样：

this.realFormData = {...this.realFormData , [varName] : event.detail.value};

---

用第三个括号包装对象的键，如{[varname]：“somevalue”“}尝试使用第三个括号包装对象的键，如{[varname]：“somevalue”“}尝试使用