question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Input onChange and onFocus props are not working

See original GitHub issue

The props don’t seems to be correctly propagated to the React Element.

<Input onChange={console.log} onFocus={() => console.log(`focus`)} />

const Input = tw.input``

Check the example directory for a reproducible example

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:8 (8 by maintainers)

github_iconTop GitHub Comments

1reaction
MathiasGilsoncommented, May 2, 2021

thanks @m50 your are the best!

1reaction
MathiasGilsoncommented, May 2, 2021

image

Read more comments on GitHub >

github_iconTop Results From Across the Web

React JS Typescript input onChange and onFocus error
I created 3 different methods as onChange, changeHandler, focusHandler but they are not working correctly. When I click on the Card Number ...
Read more >
Final Form Docs – `FieldRenderProps`
The onChange function can take a SyntheticInputEvent like it would if you had given it directly to an <input/> component (in which case...
Read more >
How To Handle DOM and Window Events with React
For this tutorial, use onChange to capture the entire input value and not just the most recent key. This will save you the...
Read more >
React - onChange event & function not working on imported ...
Coding example for the question React - onChange event & function not working on imported Input component-Reactjs.
Read more >
SyntheticEvent - React
These focus events work on all elements in the React DOM, not just form elements. ... For example, it's called when the user...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found