Hola, estoy creando mi primera aplicación en React. La aplicación genera estilos css. Consta de componentes como el radio del borde, la sombra del cuadro, etc. Los componentes se pueden combinar entre sí. Las variables de cada componente se envían a través de redux a una matriz y luego se procesan. Me gustaría agregar la posibilidad de elegir cualquier componente y combinarlos entre sí. Mi problema es con la identificación del componente. No sé cómo generar una identificación dinámicamente según el orden de los componentes. Lo necesito para actualizar la matriz en redux. Habrá una opción para eliminar cualquier componente allí, por lo que no puedo escribir esto de forma estática. Traté de hacerlo usando map(), pero cada componente tiene un nombre diferente y no tengo idea de cómo hacerlo. ¿Es posible?

Gracias de antemano y perdon por mi ingles

 const components = [<Transform id={0} />, <BorderRadius id={1} />]; const renderComponents = components.map((component, index) => component);