How to get input textfield values when enter key is pressed in react js

Question

I want to pass textfield values when user press enter key from keyboard  In onChange   event  I am getting the value of the textbox  but How to get this value when enter key is pressed     Code   import TextField from  material-ui TextField    class CartridgeShell extends Component       constructor props          super props         this state    value           this handleChange   this handleChange bind this            handleChange e          this setState   value  e target value              render          return            lt TextField               hintText  First Name                floatingLabelText  First Name                value  this state value                onChange  this handleChange                fullWidth  true    gt

User · Answer

html   lt input id  something  onkeyup  key up this   type  text  gt    script  function key up e       var enterKey   13    Key Code for Enter Key     if  e which    enterKey             Do you work here           Next time  Please try providing some code

User · Answer

Adding onKeyPress will work onChange in Text Field    lt TextField   onKeyPress   ev    gt        console log  Pressed keyCode   ev key         if  ev key      Enter              Do code here       ev preventDefault                 gt

User · Answer

Use onKeyDown event  and inside that check the key code of the key pressed by user  Key code of Enter key is 13  check the code and put the logic there    Check this example    x000D   x000D  class CartridgeShell extends React Component   x000D   x000D     constructor props    x000D        super props   x000D        this state    value     x000D   x000D        this handleChange   this handleChange bind this   x000D        this keyPress   this keyPress bind this   x000D        x000D    x000D     handleChange e    x000D        this setState   value  e target value     x000D       x000D   x000D     keyPress e   x000D        if e keyCode    13   x000D           console log  value   e target value   x000D              put the login here x000D          x000D       x000D   x000D     render    x000D        return  x000D            lt input value  this state value  onKeyDown  this keyPress  onChange  this handleChange  fullWidth  true    gt  x000D          x000D        x000D    x000D   x000D  ReactDOM render  lt CartridgeShell  gt   document getElementById  app    x000D   lt script src  https   cdnjs cloudflare com ajax libs react 15 1 0 react min js  gt  lt  script gt  x000D   lt script src  https   cdnjs cloudflare com ajax libs react 15 1 0 react-dom min js  gt  lt  script gt  x000D   x000D   x000D   lt div id    app    gt  x000D   x000D   x000D    Note  Replace the input element by Material-Ui TextField and define the other properties also

[javascript] How to get input textfield values when enter key is pressed in react js?

Examples related to javascript

Examples related to reactjs

Examples related to material-ui