¿Cuál es la forma de pasar el objeto de forma abreviada como accesorios al componente React para reducir la repetición redundante de pares de claves con el mismo nombre?
Aquí hay una muestra de algo que quiero evitar:
const Comp = ( {a, b, c, d} ) => { return ( <div> <SubComp a={a} b={c} d={d} /> <AnotherSubComp a={a} c={c} /> </div> ) };algo que quiero:
const Comp = ( {a, b, c, d} ) => { return ( <div> <SubComp {a, c, d} /> <AnotherSubComp {a, c} /> </div> ) };El operador de propagación no es una opción aquí, y la creación de un objeto intermedio no reduce el código adicional en absoluto.
puede usar el operador de propagación aquí de esta manera:
const Comp = ( {a, b, c, d} ) => { return ( <div> <SubComp {...{a, c, d}} /> <AnotherSubComp {...{a, c}} /> </div> ) };