It is very simple in react, you can add any key event listener. I have used example of "Enter".
I have defined a sample function for the explaination.
const handleInputEnter = (e) => {
// You can
if(e.code === 'Enter') {
console.log("Hello");
}
}
Add onKeyUp attribute in the element.
Example:
<input type="text" onKeyUp={handleInputEnter} />
This will work completely fine.
Follow me on twitter: https://twitter.com/vedantj_03
For further actions, you may consider blocking this person and/or reporting abuse
Being a modern React developer is not about knowing just React itself. To stay competitive, it is highly recommended to explore the whole ecosystem. This article contains some of the most useful React component libraries to speed up your developer workflow.
Yuli Petrilli -
Tanveer Mughal -
manojradhakrishnan -
Manpreet virk -
Once suspended, vedantjain03 will not be able to comment or publish posts until their suspension is removed.
Once unsuspended, vedantjain03 will be able to comment and publish posts again.
Once unpublished, all posts by vedantjain03 will become hidden and only accessible to themselves.
If vedantjain03 is not suspended, they can still re-publish their posts from their dashboard.
Once unpublished, this post will become invisible to the public and only accessible to vedant-jain03.
They can still re-publish the post if they are not suspended.
Thanks for keeping DEV Community safe. Here is what you can do to flag vedantjain03:
Unflagging vedantjain03 will restore default visibility to their posts.
Top comments (0)