求大佬指点哈！{...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