2017-12-12 34 views
1

ReactStrap InputコンポーネントからonChange関数を使って型付き値を取得したいとします。 入力はtextの入力のみを使用しますが、特定の型指定された値(以下の例ではStringまたはNumber)を取得できるようにしています。入力から型付き値を取得する方法は?

<Input valueAs="String" name="input1" type="text" onChange={this.onChange}></Input> 
<Input valueAs="Number" name="input2" type="text" onChange={this.onChange}></Input> 

予想されるタイプがvalueAs属性で定義されていることがわかります。

  • 入力1

これを行うための最善の方法は何ですか入力2用番号として値の文字列として値: 私はthis.onChangeにイベントを得ることを期待しますReact/Reactストラップで?

答えて

0

Inputreactstrapのコンポーネントには、valueAsというプロパティはありません。必要なフォーマットで価値を得るには、次のようにします。

<Input name="input1" type="text" onChange={(e) => this.onChange(`${e.target.value}`)}/> 
{/* to make it integer you can add unary plus sign like so: */} 
{/* this.onChange(+e.target.value) */} 
関連する問題