Tengo tres contenedores en los cuales estoy insertando botones con diferentes nombres, necesito obtener el nombre de cada boton insertado en cada contenedor y que todo este dentro de un array por ejemplo :
Contenedor Filas: inserte el btn empresa Contenedor Columnas: inserte el btn soles Contenedor Valores: inserte el btn fecha
El array deberia ser asi: ['empresa', 'soles', 'fecha']
Mi pregunta es: como puedo saber el nombre de cada botón que inserte en cada contenedor, sin tener que dar click en el contenedor ni en el botón que estoy insertando.
import React, { useState } from "react";
import "../assets/styles/Container.css";
import { ReactSortable } from "react-sortablejs";
import ButtonApp from "./ButtonApp";
import { getData } from "../services/api_aralsoft";
const Container = () => {
const [row, setRow] = useState([]);
const [column, setColumn] = useState([]);
const [values, setValues] = useState([]);
return (
<>
<div className="bottomContainer">
<section className="itemsSelected">
<div className="containerVertical">
<div className="containerR">
Filas
<ReactSortable list={row} setList={setRow} group="selectedButton">
{!row
? "Cargando..."
: row.map((item, index) => (
<button className="btnSelect" key={index}>
{item}
</button>
))}
</ReactSortable>
</div>
</div>
<article className="container_col_val">
<div className="containerHorizontal">
<div className="containerR">
Columnas
<ReactSortable
list={column}
setList={setColumn}
group="selectedButton"
>
{!column
? "Cargando..."
: column.map((item, index) => (
<button className="btnSelect" key={index}>
{item}
</button>
))}
</ReactSortable>
</div>
</div>
<div className="containerHorizontal">
<div className="containerR">
Valores
<ReactSortable
list={values}
setList={setValues}
group="selectedButton"
>
{!values
? "Cargando..."
: values.map((item, index) => (
<button className="btnSelect" key={index}>
{item}
</button>
))}
</ReactSortable>
</div>
</div>
</article>
</section>
<section>
<ButtonApp name="Generar Reporte" />
</section>
</div>
</>
);
};
export default Container;
nombre del botón
?{item}
?