mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
Mofei Zhang
74d8a18637
Forget currently removes memoization of callbacks that have `mutate` effects on
`ref` inner properties. @gsathya pointed out that our existing compiler behavior
is to (1) NOT extend mutable ranges for functions that mutate `ref.current` and
(2) extend mutable ranges for functions that mutate `ref.current.inner`.
```js
// input
function Component() {
const ref = useRef({ text: null });
const handleChange = useCallback((e) => {
ref.current.text = e.target.value;
});
return <input onChange={handleChange} />;
}
// output
function Component() {
const ref = useRef({ text: null });
// now unmemoized!
const handleChange = (e) => {
ref.current.text = e.target.value;
};