Lo siento si esta pregunta se ha hecho antes, pero no pude encontrar nada en StackOverflow ni en Google.
Quería saber cómo almacenar varios accesorios en una sola variable y luego pasarlos al elemento, si eso es posible.
Por ejemplo, digamos que tengo los siguientes accesorios:
classname="..." width="100" height="50
¿Cómo hago algo como esto?
var props= {classname="..." width="100" height="50"}
Y luego esto:
<MyComponent props>
Crear un objeto:
let props= {classname : "..." width : "100" height : "50"}y simplemente desestructurarlo :
<MyComponent {...props}> MyComponent obtiene propiedades como width , height y nombre de className
Para declarar los accesorios
const props = { div: { className: "my_class", id: "my-id", style: { textAlign: "center" } } }para agregar accesorios a un elemento
<div {...props.div} />