javascript - react中方括号解构的概念理解
问题描述
import React, { useEffect, useState } from 'react'
import { Text } from 'react-native'
export default function Counter() {
const [count, setCount] = useState(0)
useEffect(() => {
const id = setInterval(() => setCount((count) => count + 1), 1000)
return () => clearInterval(id)
}, [])
return <Text style={{ fontSize: 120 }}>{count}</Text>
}
那么 count 和 setCount 如何从 useState(0) 获取值
const [count, setCount] = useState(0)
你能像我五岁一样陪我度过这个困惑吗?
解决方案
该函数useState
返回一个包含两个值(有状态值和设置器)的数组。这样做是为了使单个函数调用可以一次返回两个值(JavaScript 作为一种语言不支持这一点——尽管其他语言确实支持这样的东西)。
例子:
function neighbors (num) {
return [num - 1, num + 1]
}
const [seven, nine] = neighbors(8)
推荐阅读
- python - 熊猫不识别 np.nan 值吗?
- java - 为什么我不能向 HashMap (Java) 添加元素
- leaflet - geoman - 如何在removingMode中删除功能后访问生成的GeoJSON对象
- javascript - JavaScript,在数组比较中更具体
- docker - Docker compose 仅为一项服务安装卷
- c# - 为什么我不能使用最新的 .NET 5 和 NetAnalyzers 抑制 CA 违规?
- user-interface - 列出包的面板和包含我的数据集的面板是不可见的
- wcf - Powershell New-WebServiceProxy - 如何调用 WCF 服务
- operating-system - 如何计算物理地址对应哪个虚拟逻辑地址?
- python - 如何将键值对分布在多列中并基于另一列展平矩阵?