Quiero obtener los datos de una entrada en una etiqueta para mostrar el valor en Cambiar, pero eso no funciona cuando los 2 componentes están en la matriz:

 let expForm = [ <ExperienceForm statePosition={(e) => setPosition(e.target.value)} stateCompany={(e) => setCompany(e.target.value)} stateCity={(e) => setCity(e.target.value)} stateFrom={(e) => setFrom(e.target.value)} stateTo={(e) => setTo(e.target.value)} />, ]; let expDisplay = [ <DisplayExperience statePosition={position} stateCompany={company} stateCity={city} stateFrom={from} stateTo={to} />, ];

Obtengo y cambio el valor de esta manera:

 const [position, setPosition] = useState("Position"); const [company, setCompany] = useState("Company"); const [city, setCity] = useState("City"); const [from, setFrom] = useState("From"); const [to, setTo] = useState("To");

Pero quiero agregar y eliminar dinámicamente con esta función que llamo con un botón:

 const [experienceForm, setExperienceForm] = useState(expForm); const [experienceDisplay, setExperienceDisplay] = useState(expDisplay); const addComponent = () => { setExperienceForm([...experienceForm, expForm]); setExperienceDisplay([...experienceDisplay, expDisplay]); };

y los muestro de esta manera:

 {experienceForm} {experienceDisplay}

Soy nuevo en React Js, así que no dude en consultarme sobre cosas que son obvias para usted, gracias de antemano.