Зачем тут в методе setState name обернут в массив?

Question

[danilr]

Записи из документации React - зачем тут в методе setState name обернут в массив? Без обертки в массив не работает, почему же?

class Reservation extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      isGoing: true,
      numberOfGuests: 2
    };

    this.handleInputChange = this.handleInputChange.bind(this);
  }

  handleInputChange(event) {
    const target = event.target;
    const value = target.type === 'checkbox' ? target.checked : target.value;
    const name = target.name;

    this.setState({
      [name]: value
    });
    console.log(name)
  }

  render() {
    return (
      <form>
        <label>
          Is going:
          <input
            name="isGoing"
            type="checkbox"
            checked={this.state.isGoing}
            onChange={this.handleInputChange} />
        </label>
        <br />
        <label>
          Number of guests:
          <input
            name="numberOfGuests"
            type="number"
            value={this.state.numberOfGuests}
            onChange={this.handleInputChange} />
        </label>
      </form>
    );
  }
}

ReactDOM.render(
  <Reservation />,
  document.getElementById('root')
);

Answer 1

[Роман Александрович]

для того что бы положить ключ в state не name а его значение

Comments

[danilr]

не понимаю) а в чем разница или есть ссылка на какие нибудь доки - это просто синтаксис js?

[Роман Александрович]

danilr,

this.setState({
      name: 1
    });
рузультат в  стэйте name:1

let name="vasia"
 this.setState({
     [ name]: 1
    });
рузультат в  стэйте vasia:1

[danilr]

Роман Александрович, окей - это понял. Так можно пожалуйста ссылочку где это описывается, это синтаксис JS или REACT?

[hzzzzl]

danilr, это просто синтаксис js

const name = target.name;    // name = 'blabla'

this.setState({  [name]: 123  });   // state = { blabla: 123 }

this.setState({  name: 123});  // // state = { name: 123 }

попробуй просто в консоль браузера вставить

key = "my key"
obj = { [key]: 1000 }
// {my key: 1000}

[danilr]

hzzzzl, спасибо

[hzzzzl]

danilr,
https://developer.mozilla.org/ru/docs/Web/JavaScri...
Вычисляемые имена свойств

[danilr]

hzzzzl, лучший ответ что я ждал, спасибо!