Как установитьState по значению в React?

Question

Есть ли более простой способ обновления состояния, если у меня есть имя атрибута? Что-то более простое:

function thingChanged(name, value) { 
    var x = {}; 
    x[name] = value; 
    this.setState(x) 
} 

Answer 1

Невозможно дальнейшее сокращение кода с помощью текущей версии ECMAScript. Возможно, с ES6 это возможно, в зависимости от того, какие функции будет у языка.

Однако, если вас беспокоит избыточность кода, вы можете добавить этот метод к микшированию и передать его во всех компонентах, которые вам нужны.

Обновление: Благодаря @FakeRainBrigand для обеспечения синтаксиса ES6, что позволяет сократить код: setState({[name]: value});

Answer 2

Это не совсем короткие, но это должно работать:

function thingChanged(name, value) { 
    this.setState(Object.defineProperty({}, name, {value:value})) 
} 

Answer 3

ES6 Shorthands:

this.setState({...x});

this.setState({ x });

Answer 4

Если вы используете функцию thingChanged для двусторонней передачи данных, то LinkedStateMixin поможет вам сделать это с меньшим количеством кода.