Reactjs 在React功能组件中定义没有任何依赖关系的函数的最佳情况是什么？

在没有任何依赖项的React函数组件中定义函数时，我总是感到困惑

比如说,

const HelloWorld = () => {
  const getHelloWorldText = useCallback(() => {
    return "HelloWorld"
  }, [])

  return <>{getHelloWorldText()}</>
}

若并没有依赖关系，那个么上面的示例比

useCallback

example成本更低，但它不是一个纯函数

---

你喜欢哪一种？为什么？

过早地使用

useCallback

进行优化通常会导致性能下降。 建议您仅在出现可测量的性能问题时才开始使用它，这样您就可以测试

useCallback

的开销是否值得它带来的记忆

另外，在您的示例代码中，由于末尾的依赖项数组为空，因此它将始终返回相同的值，因为

useCallback

仅在数组中的变量发生更改时重新运行给定函数

---

这就是我要做的：

const HelloWorld = () => {
  const getHelloWorldText = () => {
    return "HelloWorld"
  }

  return <>{getHelloWorldText()}</>
}

const HelloWorld=（）=>{
常量getHelloWorldText=（）=>{
返回“HelloWorld”
}
返回{getHelloWorldText（）}
}

这是否回答了您的问题？

const HelloWorld = () => {
  const getHelloWorldText = () => {
    return "HelloWorld"
  }

  return <>{getHelloWorldText()}</>
}