react 変数の利用

Question

this.setState({test:"aaa"});

testの部分に変数を利用したいのですが、
どのように書けばよいでしょうか？

var test = "test";
this.setState({test:"aaa"});

これではうまくいきませんでした・・

Answer 1

2通り方法が考えられます。

// その1 変数に作ってから代入する
var obj = {};
obj[test] = 'aaa';
this.setState(obj);

// その2 Computed Property（最新ブラウザ or Babelが必要）
this.setState({[test]:"aaa"});

Comments

[cheche0830]

ありがとうございました！

Answer 2

reactはちょっとわかりませんが、javascriptの無名関数で
キーを文字列で指定するならこんな感じですかね？

console.log(new function(key,val){this[key]=val;}("test","aaa"))

あとはjsonを利用

console.log(JSON.parse('{"test":"aaa"}'));
/*つまり こう*/
console.log(function(key,val){return JSON.parse('{"'+key+'":"'+val+'"}')}("test","aaa"));

※中途半端だったので修正しておきました