React.js:findDOMNode在StrictMode中已被弃用 findDOMNode传递了StrictMode内部的Transition实例

问题描述

当我添加对话框组件时,它显示错误。我如何在不删除index.js中的React.StrictMode的情况下解决此问题?我试过使用createRef()。但是失败了,因为我不知道要放在哪里。

代码

const Questions = ({ questions }) => {
  const handleClickOpen = () => {
    setopen(true);
  };
  return questions.map((question) => {
    return (
      <Grid>
        <Card>
          <CardContent>
            <CardMedia/>
          </CardContent>
          <CardActions>
            <Button
              onClick={handleClickOpen}
            >
              Answer
            </Button>
          </CardActions>
        </Card>
        <Dialog
          open={open}
          onClose={handleClose}
          aria-labelledby="form-dialog-title"
        >
          <DialogTitle id="form-dialog-title">Subscribe</DialogTitle>
          <DialogContent>
            <DialogContentText>
              To subscribe to this website,please enter your email address
              here. We will send updates occasionally.
            </DialogContentText>
            <TextField
              autoFocus
              margin="dense"
              id={String(question.id)}
              label="Your Answer."
              type="text"
              fullWidth
            />
          </DialogContent>
          <DialogActions>
            <Button onClick={handleClose} color="primary">
              Cancel
            </Button>
            <Button onClick={handleClose} color="primary">
              Subscribe
            </Button>
          </DialogActions>
        </Dialog>
      </Grid>
    );
  });
};

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)