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!