así que estoy usando Material Ui Fullscreen Dialog y cada vez que un estado cambia, se volverá a procesar y cerrará el cuadro de diálogo. ¿Qué tengo que hacer? ¿Cómo puedo recopilar datos de este cuadro de diálogo? Estoy usando la Context API para actualizar el estado principal.

 const [advancedSearch, setAdvancedSearch] = useState({ selectIdentify: "", type: "", gender: "", age: { from: "", to: "" }, registerDate: { from: "", to: "" }, and etc... (there are so many input field) });

 <Dialog fullScreen open={open} onClose={handleClose} TransitionComponent={Transition} > <AppBar> <Toolbar> <IconButton edge="start" onClick={handleClose} > <CloseIcon /> </IconButton> <Typography component="div" > Advanced Search </Typography> <Button startIcon={<SearchIcon />} > Create New Form </Button> <Button startIcon={<SearchIcon />} onClick={handleClose} > Search </Button> </Toolbar> </AppBar> <div> <AdvancedSearchContext.Provider value={{ advancedSearch, setAdvancedSearch }} > <Form1 /> <Form2 /> <Form3 /> </AdvancedSearchContext.Provider> </div> </Dialog>

Sé que una solución es tener estado en los tres Form1,2,3 Children, pero en ese caso, ¿cómo debo recopilarlo en el padre y enviar los datos?