Destructuring object when setting property name and key dynamically

Question

I'm having a hard time sorting out how make the linter happy by destructuring when dynamically setting an object property and key.

How would I destructure this?

const myobj = { foo: 'bar' };
const key = 'foo';
const val = 'baz';

// This is the problem line
myobj[key] = val;

:: I cannot delete and repost so I'm appending to the question here ::

All I want to do is this: myobj.foo = 'baz' but foo is also a variable.

The linter setup on this project tells me to destructure when I try myobj[key] = val;

Answer 1

The bit of code you posted is not really relevant to destructuring .

 const myobj = { foo: 'bar' }; const key = 'foo'; const val = 'bar 2'; // This is the problem line myobj[key] = val; console.log(myobj);

Destructuring would be more like this:

 const myobj = { foo: 'bar' }; const {foo} = myobj; console.log(foo);

Answer 2

const myobj[key] = val;
           ^^^^^

You are trying to declare a property, which is not possible.

A simple assingment without const should work.

myobj[key] = val;