关于React的useMemo

我会总结React的useMemo。

参考文章：https://qiita.com/seira/items/42576765aecc9fa6b2f8

（参考资料：https://qiita.com/seira/items/42576765aecc9fa6b2f8）

useMemo是一个用于保存函数结果的Hook，它会对具有相同输出结果的值进行记忆化，并从中获取结果，无论调用多少次。
由于可以避免不必要的重新计算，因此可以减少渲染次数。
与useCallback的区别在于，useMemo会记忆函数本身，而useMemo只是保存函数结果。

我也在我的投资组合中以类似的方式使用。

export const Loginbutton = React.memo(() => {
  const loginContext = useContext<Context>(LoginContext);
  return (
    <div>
      <Button variant="outlined" className="m-auto w-50 my-2">
        <Link href="/login">{loginContext.text}</Link>
      </Button>
    </div>
  );
});

基本上，這通常用於組件。這樣一來可以減少渲染次數，因此推薦使用。

请尝试将其引入到组件中。