Common mistakes writing React components with hooks

Re:Common mistakes writing React components with hooks by flowerlad on Tuesday July 21, 2020 @10:29AM (#23907046)

For one thing you may not use the ref attribute on function components because they don’t have instances. That means the component can't have a .focus() method for example.

For simple components hooks may be fine. For more complex ones I prefer classes.

[ Parent | on HN ]

Re:Common mistakes writing React components with hooks by Octoth0rpe on Tuesday July 21, 2020 @10:34AM (#23907079)

I believe the useRef hook is used for this problem:

https://reactjs.org/docs/hooks-reference.html#useref

The example even uses .focus()

[ Parent | on HN ]

Re:Common mistakes writing React components with hooks by cnity on Tuesday July 21, 2020 @10:42AM (#23907143)

That's just not true: https://reactjs.org/docs/forwarding-refs.html

[ Parent | on HN ]

Re:Common mistakes writing React components with hooks by avery42 on Tuesday July 21, 2020 @10:52AM (#23907251)

Maybe I misunderstood, but isn't this what `React.forwardRef` is for?

[ Parent | on HN ]

Re:Common mistakes writing React components with hooks by evan_ on Tuesday July 21, 2020 @12:44PM (#23908393)

along with useImperativeHandle for writing your own imperative functions like focus() or whatever

[ Parent | on HN ]