主页 / coding / 问题 / 78447393
Accepted
Ooker
Asked: 2024-05-08 17:24:28 +0800 CST

如果参数是对象或数组，为什么 useState() 会无限循环运行？[复制]

  • 772

我使用useState()Deno Fresh 中的钩子，它基于 Preact。在一个岛上我有：

import { useState } from "preact/hooks";

export default function(){
  const [state, setState] = useState('hi')
  const str = 'a'
  setState(str)
  console.log(state)
}

这很好用。但如果我使用一个对象来代替：

- const str = 'a'
- setState(str)
+ const obj = {a: 'a'} 
+ setState(obj)

然后就陷入了无限循环。这是为什么？

reactjs

1 个回答

  1. Best Answer

    这归结为一个问题：

    console.log("a" === "a");
console.log({ x : "a" }  === { x : "a"}); //Why is this false when above is true

    Preact 或 React 或 JS 使用对象引用来比较对象。因此，两个对象永远不会相等。即使对象在技术上是相等的并且将继续重新渲染，React 将无法优化渲染

    • 1

相关问题