- I never use ref forwarding in react, but it’s a useful technique for transferring refs from another component into different component
- By wrapping your component in a
React.forwardReffunction you can expose a ref.const FancyButton = React.forwardRef((props, ref) => ( <button ref={ref} className="FancyButton"> {props.children} </button> ));- We can then reference this ref outside of this component like so:
// You can now get a ref directly to the DOM button: const ref = React.createRef(); <FancyButton ref={ref}>Click me!</FancyButton>;refcan passed around easily into any other component