2017-03-01 9 views
0

私はReact ES6アプリケーションを開発中です。es6から文字列へ

変数名として使用される変数を宣言することは可能ですか?以下のように、refInput?

renderInput(inputName) { 
    const refInput = `${inputName}Input`; 

    return (
     <Input 
      ref={(node) => { 
       this.refInput = node; 
      }} 
     /> 
    ); 
} 

すべてのヘルプは高く評価され、私は本当にこの

+0

オブジェクトプロパティ名は動的に作成できますが、変数名は作成できません。 – Pointy

+0

あなたは 'this [refInput] = node;'を探していますか? –

答えて

0

が動的にオブジェクトにプロパティを追加して、あなたはあなたができるref element by attribute with string name object.orのプロパティブラケットアクセサ表記[string_name]を使用することができます苦労しています。

renderInput(inputName) { 
    const refInput = `${inputName}Input`; 

    return (
    <Input 
     ref={(node) => { 
      this[refInput] = node; 
     }} 
    /> 
); 
} 
+0

FWIW、 '[]'は演算子ではありません。 –

+0

それは[MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Property_Accessors)の演算子としてタグ付けされています –

+0

MDNは真実の源ではなく、仕様はです。 MDNは一般的には素晴らしいですが、マイナーな不正確さがあります。 –