2017-12-12 18 views
1

onChange 함수를 통해 ReactStrap Input 구성 요소에서 형식화 된 값을 얻고 싶습니다. 입력은 text 입력 만 사용하지만 특정 입력 값 (아래 예에서는 문자열 또는 숫자)을 가져올 수 있어야합니다.입력에서 입력 값을 가져 오는 방법은 무엇입니까?

<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/Reactstrap?

답변

0

Input 구성 요소 reactstrap에는 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) */}