path.split 不是函数反应钩子使用形式 - Javascript

在 JavaScript 中，path.split 是一个字符串方法，用于将字符串拆分为数组。但是，在 React 中，我们有时会看到类似于以下形式的代码：

const [something, setSomething] = useState(path.split('/'));

这种使用方式是错误的，因为 path.split 不是一个函数，不能作为 React 的钩子使用。

正确的方式是使用一个回调函数来完成拆分操作，如下所示：

const [something, setSomething] = useState(() => path.split('/'));

这样可以确保只有在组件挂载时才会执行 path.split 而不是在每次重新渲染时都执行。该回调函数将在组件挂载时调用，然后只有在需要更新状态时才会再次调用。

注意，回调函数的使用方式也适用于其他非函数的操作，例如 Math.random() 和 Date.now()。

希望这篇文章对您理解 React 钩子的正确使用方式有所帮助！