Estoy usando reaccionar con firebase Los datos almacenados en firebase se importan a useEffect, luego se agrega el estado de la lista de configuración y se genera div como un mapa. ¿Qué debo hacer cuando quiero dar un evento de alternar individual para cada botón creado con el mapa?

Cuando el evento de alternar se vuelve verdadero, si la edición es falsa, quiero generar el componente de agregar.

mi código

 let [list, SetList] = useState([]); let [toggle,setToggle] = useState(false); useEffect(() => { db.collection("title").onSnapshot((snapshot) => { let titleArray = snapshot.docs.map((doc) => ({ ...doc.data(), })); SetList(titleArray); }); }, []); list.map(function(value,index){ <button type="button" onclick={(e)=>{ props.dispatch({type:"open"}}>click</button> toggle === true ? <Edit/> //component : <add/> //component })

Cuando presiono el primer botón, quiero cambiar solo el primer botón de falso a verdadero y mantener el resto de los botones falsos.