Estoy tratando de tener un valor inicial en mi campo de entrada antes de que el usuario lo edite. Pero cuando se da un valor inicial, se borra cuando trato de eliminarlo.
<Input type="text" placeholder={ title === "" && fieldsFilled === false ? "This is a required field" : "Enter Title" } id="title" onChange={(e) => setTitle(e.target.value)} style={ title === "" && fieldsFilled === false ? styles : null } /> ¿Por qué mi estado no se actualiza cuando cambio? ¿Qué está mal con onChange ?
No agregue el valor inicial en el value de uso del placeholder de posición para agregarlo y el valor inicial debe provenir del gancho como se muestra a continuación
const [title, setTitle] = useState('initial value') <Input type="text" placeholder={ title === "" && fieldsFilled === false ? "This is a required field" : "Enter Title" } id="title" value = {title} onChange={(e) => setTitle(e.target.value)} style={ title === "" && fieldsFilled === false ? styles : null } /> mira cómo agregué el value = {title} en la etiqueta de entrada, esa es la clave