请跟随我的代码段下面，当我点击任何按钮（添加，编辑，删除）我所有的部件得到重新渲染，包括Title它没有成分props或stats。如果我有几个组件可能没问题，但假设我有超过15 个或更多的组件来获取/保存数据，这是可以的还是应该避免？
我尝试使用useCallback钩子（使用handleRemove），但显然这不能按预期工作。
const Button = ({ title, count, onClick }) => {
console.log(`Rendering ${title}`)
return (
<button onClick={onClick}>
{title} ({count})
</button>
)
}
const Header = () => {
console.log("Rendering Title")
return <h1>App Title</h1>
}
const Parent = () => {
const [add, setAdd] = React.useState(0)
const [edit, setEdit] = React.useState(0)
const [remove, setRemove] = React.useState(0)
const handleAdd = () => setAdd(add + 1)
const …