{... status} how to understand this way of writing

see a code like this when learning react-hooks 

function Box(props) {

 const [value, setValue] = useState(0)
 
 let status = useSigninStatus(false)

 function Incv(){
   return setValue(value+1)
 }

 function Decv(){
   return setValue(value-1)
 }

 return(
   <div >
     <header>
       <Signin {...status} />
       <Counter isSignin={status.isSignin}  value={value} Incrm={Incv} Decrm={Decv} />
     </header>
   </div>
 )
}

value= {value} I understand, but Signin says {... status} directly here. I haven"t seen it before. I"d like to know how to understand it. Is it a special grammar?

Es6 javascript
Jun.20,2022

this kind of writing is similar to * * kwargs in python, for example, our status is: 

const status = {a: "a", b: "b"};
{ ...status } // => { a: "a", b: "b" }
{ c: "c", ...status, d: "d" } // => { a: "a", b: "b", c: "c", d: "d"}

so, {... status} is equivalent to Object.assign ({}, status);

Previous: After the react project is released, users need to refresh the browser manually in order to run normally.

Next: Can you briefly explain the implementation principle of mongoose chaining?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu