我有一個標題組件與注冊對話框模式組件分開。所以就像父子組件一樣。我想從 headerlink 組件（父）調用注冊對話框（子）這是我的標題鏈接組件：...import Register from "../Register";....export default function HeaderLinks(props) {  const classes = useStyles();  const [open, setOpen] = React.useState(false);  const handleClickOpen = () => {    setOpen(true);  };  const handleClose = () => {    setOpen(false);  };  return (    <List className={classes.list}>      <ListItem className={classes.listItem}>        <Button          color="transparent"          className={classes.navLink}          onClick={handleClickOpen}        >          Register        </Button>      </ListItem>      <ListItem className={classes.listItem}>        <Button          color="transparent"          className={classes.navLink}                  >          Log In        </Button>      </ListItem>    </List>  );  <Register open={handleClickOpen} onClose={handleClose} />;}注冊對話框組件只是從 Material-UI 的文檔中復制并刪除了按鈕。export default function Register() {  const [open, setOpen] = React.useState(false);  const classes = useStyles();  const theme = useTheme();  const handleClickOpen = () => {    setOpen(true);  };  const handleClose = () => {    setOpen(false);  };  return (    <div>      <Dialog        onClose={handleClose}        aria-labelledby="customized-dialog-title"        open={open}      >        <DialogTitle id="customized-dialog-title" onClose={handleClose}>          Register        </DialogTitle>        <DialogContent dividers>         ...content...        </DialogContent>      </Dialog>    </div>  );}當我單擊 headerLink 上的注冊按鈕時，沒有任何反應。不確定我還缺少什么，因為沒有錯誤。