No entiendo por que al escribir en el input de name al escribir una letra se sale del input, pero con el input de stock funciona perfecto, no entiendo por que pasa esto si funcionan con la misma función.
import { useState } from "react"
export default function Home() {
const [data, setData] = useState({
name: 'Airpods Pro',
variations: [
{name: 'azul', stock: 15},
{name: 'celeste', stock: 10},
]
})
const handleInputChange = (index: number, key: string, value: any) => {
setData((prev: any) => {
const newVariation = [...prev.variations]
newVariation[index][key] = value
return {...prev, variations: newVariation}
})
}
return (
<div>
{
data.variations.map((variation, index) => (
<div key={variation.name}>
<input type='text' placeholder="Nombre" value={variation.name} onChange={(e: any) => handleInputChange(index, 'name', e.target.value)} />
<input type='text' placeholder="Stock" value={variation.stock} onChange={(e: any) => handleInputChange(index, 'stock', e.target.value)} />
</div>
))
}
</div>
)
}