目前，我对新的react hooks API
的用例以及您可能会做的事情感到非常惊讶。

实验时出现的一个问题是，总是创建一个新的处理函数仅在使用时就扔掉是多么昂贵useCallback。

考虑以下示例：

const MyCounter = ({initial}) => {
    const [count, setCount] = useState(initial);

    const increase = useCallback(() => setCount(count => count + 1), [setCount]);
    const decrease = useCallback(() => setCount(count => count > 0 ? count - 1 : 0), [setCount]);

    return (
        <div className="counter">
            <p>The count is {count}.</p>
            <button onClick={decrease} disabled={count === 0}> - </button>
            <button onClick={increase}> + </button>
        </div>
    );
};

尽管我将处理程序包装为，useCallback以避免每次渲染新处理程序时都会传递新的处理程序，但仍然必须创建内联箭头函数，而在大多数情况下都必须将其丢弃。

如果我只渲染几个组件，可能没什么大不了的。但是，如果我这样做数千次，对性能的影响有多大？有明显的性能损失吗？避免这种情况的方法是什么？可能是仅在必须创建新处理程序时才调用的静态处理程序工厂？