Create object name and value in changeHandler

Question

I am trying to create an object using the field as the property and the value as the value.

  onChange(e) {
    const field = e.target.name;
    const value = e.target.value;
    const selectedData = { field, value };
    this.props.dispatch(updateForm({ selectedData }));
  }

Can anyone help?

score 2 · Answer 1 · answered Aug 11 '17 at 09:30

2

const selectedData = {};
selectedData[field] = value;

answered Aug 11 '17 at 09:30

millimoose

39,073
9
82
134

Or, additionally, you could: const selectedData = { "field" : value }; – sapit Aug 11 '17 at 09:31
@sapit - That's not the same at all. Your thing is the equivalent of `const selectedData = { field: value }`, the quotes are optional in Javascript. (As opposed to JSON.) – millimoose Aug 11 '17 at 09:32
1

@sapit, you can use bracket notation : `[field]` like in my answer. – Mihai Alexandru-Ionut Aug 11 '17 at 09:37
I stand corrected, my bad! Apologies. – sapit Aug 12 '17 at 10:30

Mihai Alexandru-Ionut · Accepted Answer · 2017-08-11T09:41:06.147

1

You can do in this using bracket notation.

 let selectedData = {[field]: value};

Short example:

let field="number";
let value=10;
const selectedData = {[field]: value};
console.log(selectedData);

edited Aug 11 '17 at 09:41

answered Aug 11 '17 at 09:35

Mihai Alexandru-Ionut

47,092
13
101
128

Create object name and value in changeHandler

2 Answers2