Memo and useCallback
-
DevOps
import React, { memo } from "react";
const Item = memo(({ id }) => {
return (
// Your component code here
);
});
export default Item;
----------------------------------------------
import React, { useCallback } from "react";
const changeValue = useCallback((id, value, setItemValues) => {
setItemValues(prevItems => prevItems.map(item => {
if (item.id === id) {
return { ...item, value: value };
}
return item;
}));
}, []);