小编Lhe*_*rda的帖子

我很想知道哪一个表现更好。其中两个示例运行正确且没有警告，但是在 React 中声明可变变量而不使用 useState 是否可以接受？（使用react查询获取数据的示例）

例1：

let flexibleName = ""

const { data, status } = useQuery("users", fetchUsers)

if(data) flexibleName = "TEST DATA"

return <div>{flexibleName}</div>

例2：

const [flexibleName, setFlexibleName] = useState("")

const { data, status } = useQuery("users", fetchUsers)

useEffect(()=>{
  if(!data) return
  setFlexibleName("TEST DATA")
},[data])

return <div>{flexibleName}</div>