abordar dos componentes
`<AddressTwo/>`apliqué la lógica de alternar pero estoy tratando de agregar y eliminar un componente
<Button onClick={()=>setIsToggled(!isToggled)}>+</Button> {isToggled && <AddressTwo/>}agregar cuando se hace clic en esto
`<Button >+</Button>`eliminar componente cuando se hace clic en este botón
` <Button>-</Button>`Cambia tu forma de hacer,
piensa que la dirección es un componente que recibe 1 objeto
{ id: Number, street: String, number: String, postCode: String }y el número de direcciones es una matriz de objetos
[ {...}, {...}]en reaccionar es quizás más fácil de manejar de esta manera
const [addresses, setAdresses] = useState([]) const addOne = () => setAddresses([...addresses, { id: null, street: "", number: "", postCode: "" }] {...} return( <> <h1>hello from profile</h1> <button onclick={()=>addOne()}/>+</button> {addresses.map((address, i)=>( <AddressComponent address={address} /> )} </> )el código no es perfecto pero tienes la IDEA
luego, a partir de ahí, puedes jugar con la matriz como quieras... (pop, push, limit, find, etc...)
coraje...