求大佬指点哈！{...status}这种写法怎么理解求解答！

Question

在学react-hooks时看到这样一段代码
functionBox(props){
const[value,setValue]=useState(0)
letstatus=useSigninStatus(false)
functionIncv(){
returnsetValue(value+1)
}
functionDecv(){
returnsetValue(value-1)
}
return(
)
}
value={value}我懂，不过Signin这里直接写{...status}我没见过，想问一下怎么理解，是特殊的语法吗？

Answer 1

这种写法类似于python中的**kwargs，比如我们的status是：status={arg1:'1',arg2:'2'};那当我们使用{...status}这样的语法时就相当于将对象里的键和属性相对应

Answer 2

扩展运算符（spread）是三个点（...）。它好比rest参数的逆运算，将一个数组转为用逗号分隔的参数序列。console.log(1,...[2,3,4],5)12345