Estoy tratando de recibir una matriz de entrada dinámica pero document.querySelector se devuelve undefined
{chapitreList.map((partItem,index) => { return <div> <input type="text" name='soldc' id='soldc' className ="form-control" placeholder={partItem.chapitreDepense} /> </div> } const show_element = (e) => { console.log(document.querySelector('#soldc')[0].value) }document.querySelector devuelve un solo nodo DOM, no una lista de nodos (como querySelectorAll NodeListEn lugar de usar métodos imperativos para recuperar múltiples valores de entrada, use un estado declarativo para mantener sus entradas y actualizar el estado en caso de cambio.
function App() { const chapitreList = [{ chapitreDepense: "1" }, { chapitreDepense: "2" }]; const [formData, setFormData] = useState(Array(chapitreList.length).fill("")); console.log(formData); // access your array return ( <> {chapitreList.map((partItem, index) => ( <div key={index}> <input onChange={(e) => setFormData((prev) => { prev[index] = e.target.value; return [...prev]; }) } type="text" name="soldc" className="form-control" placeholder={partItem.chapitreDepense} /> </div> ))} </> ); }Leer más sobre pensar en React