Passing object as props to jsx

Question

I have an object contains multiple common key-value props, that I want to pass on to some jsx. Something like this:

const commonProps = {myProp1: \'prop1\',         


        

Answer 1

You can use the spread operator to do this.

You can simply do

Now what all individual properties you have in commonProps will be sent as individual props to MyJsx.