如何在輸入框中將輸入限制為僅數字？

Question

   <Form.Group>
              <Form.Control. onChange={e => { console.log('e------',e.target.value)}}
             type='number' />
   </Form.Group>

我設置的類型可以是數字，但是當我點擊“輸入”（返回按鈕）和“-”時，

我仍然可以在我的輸入框中看到“e”和“-”，但我只希望用戶在輸入框中看到數字。

Answer 1

你可以用這個

<Form.Control type="number" onKeyDown={ (evt) => evt.key === 'e' && evt.preventDefault() } />

根據對stackoverflow上類似問題的現有答案

Answer 2

你可以試試正則表達式。

  <Form.Group>
       <Form.Control. 
          onChange={e =>  if(e.target.value.match("/^\d*(\.\d+)?$/")){
              console.log('e------',e.target.value)
          }}
       />
   </Form.Group>