我有一個(gè)看起來像這樣的 react/material-ui 組件：export const TodoItem: React.FC<Props> = ( {todo, itemKey}) => {  const [dialogState, setDialogState] = React.useState<boolean>(false);  const handleClose = () => {    setDialogState(false);  };  return (  <ListItem onClick={() => {    setDialogState(true)  }  } key={itemKey}>    <ListItemText        primary={todo.text}    />    <Dialog open={dialogState} onClose={() => setDialogState(false)} aria-labelledby="form-dialog-title">      <DialogTitle id="form-dialog-title">Update</DialogTitle>      <DialogContent>        <TextField            defaultValue={todo.text}            autoFocus            margin="dense"            id="name"            fullWidth        />      </DialogContent>      <DialogActions>        <Button color="primary" onClick={handleClose}>          Cancel        </Button>        <Button  color="primary" onClick={handleClose}>          Update        </Button>      </DialogActions>    </Dialog>  </ListItem>  )}它被傳遞到這個(gè)組件export default function ShowTodos () {  const [todos, setTodos] = React.useState<ITodo[]>([]);  useEffect(() => {      getTodos()      .then(({data: {todos}}: ITodo[] | any) => {        const todoList = todos       setTodos(todoList)      })      .catch((err: Error) => console.log(err))  }, [])  return (      <List>        {todos.map((todo: ITodo ) =>              <TodoItem todo={todo} key={todo._id}/>        )}      </List>  );} 理論上，當(dāng)我點(diǎn)擊取消按鈕時(shí)，它應(yīng)該被取消。但那不會發(fā)生。dialogState 保持不變——我錯(cuò)過了什么？謝謝，在這個(gè)