rax-polyfill-ref
Polyfill for Rax new ref api
Support
>= rax@0.6.5
Usage
import { createRef, forwardRef } from 'rax-polyfill-ref';
const ref = createRef();
function App() {
return (
<div>
<input ref={ref} />
<button onClick={() => ref.current.focus()}>click</button>
</div>
);
}
// forwardRef
const ref = createRef();
const Input = forwardRef((props, ref) => {
return <input ref={ref} />
});
const App = () => {
return (
<div>
<Input ref={ref} />
<button onClick={() => ref.current.focus()}>click</button>
</div>
);
};For more usage, see https://reactjs.org/docs/refs-and-the-dom.html#creating-refs
Others
You can use it with rax-polyfill-context and rax-polyfill-hooks