Soy nuevo en Reaccionar. Tengo una pregunta sobre cómo forzar la visualización de la página a través de una ventana emergente.
Ahora escribí mi página en un componente de función. Y tiene una ventana emergente que podría cambiar el texto de la página. Sin embargo, la actualización irá primero a la base de datos del servidor y no se mostrará en la página después de enviar el formulario emergente.
Sé que podemos usar windows.location.reload
para recargar toda la página. Pero me gustaría saber cómo puedo volver a renderizar el componente de la función en lugar de recargar toda la página.
¡Muchas gracias!
Editar: Esta es una parte del código de la página principal. values
y setValues
son creados por [values, setValues] = useState({name: "", birthDate: ""});
.
<PopUpEdit values={values} setValues = {setValues} trigger={buttonPopUpEdit} setTrigger={setButtonPopUpEdit} > Edit </PopUpEdit>
En el formulario emergente,
const onSubmit = async(event)=>{ event.preventDefault(); props.setValues(event.target.value); props.setTrigger(undefined); }
Tanto la página principal como el formulario emergente son componentes de función. ¡Gracias!
en reaccionar js todo se basa en el state
. debe agregar useState
que se representa con cada cambio.
Véase también Hook básico useState