Javascript Reactjs：如何在单击时将对话框移动到屏幕顶部

当我点击一个可拖动的对话框时，我想移动到屏幕的顶部

我尝试过使用

滚动到（0，0）

，但这似乎对我的对话框没有任何作用。有关如何移动此对话框的任何帮助

非常感谢。 我遵循这个例子，但需要这是与点击

    class Homepage extends Component {
      constructor(props) {
        super(props);
        this.state = {
          Pending:[],
          cancelled:[],
        }
        this.myRef = React.createRef();
      }
    
      componentDidMount() {
        this.myRef.current.scrollTo(0, 0);
      }
    
      componentDidUpdate(prevProps, prevState) {
        if(!prevProps.isModerator){
          if(prevProps.Permission === Permission && 
              this.props.Permission === Requested){
          }
        }
      }
    
      render() {
        const {allowRequest, classes} = this.props;
        const { Pending} = this.state;
        return (
            <>
              {Pending.map((user, index) => {
                return <Draggable bounds="parent" key={user.id} ref={this.myRef}>
                  <div className={classes["share-request-content"]} >
                    <Paper className="alert-container" square={true}>
                      <DialogTitle id="alert-title">
                        {/* Title here */}
                      </DialogTitle>
                      <DialogContent>
                      {/* Content here */}
                      </DialogContent>
                      <DialogActions className="dialog-action">
                        <Button autoFocus color="primary" onClick={() => allowRequest(user.id)}>
                          "Allow"
                        </Button>
                      </DialogActions>
                    </Paper>
                  </div>
                </Draggable>
              })
              }
            </>
        )
      }
    }
    
    Homepage.propTypes = {
      Permission: PropTypes.string,
      isModerator: PropTypes.bool.isRequired,
      Pending: PropTypes.array,
      cancelled: PropTypes.array,
    };
    
    export default withStyles(styles)(injectIntl(Homepage))

类主页扩展组件{
建造师（道具）{
超级（道具）；
此.state={
待定：[]，
已取消：[]，
}
this.myRef=React.createRef（）；
}
componentDidMount（）{
this.myRef.current.scrollTo（0,0）；
}
componentDidUpdate（prevProps、prevState）{
如果（！prevProps.isModerator）{
如果（prevProps.Permission===权限&&
this.props.Permission===已请求）{
}
}
}
render（）{
const{allowRequest，classes}=this.props；
const{Pending}=this.state；
返回(
{Pending.map（（用户，索引）=>{
返回
{/*此处的标题*/}
{/*此处的内容*/}
allowRequest（user.id）}>
“允许”
})
}
)
}
}
Homepage.propTypes={
权限：PropTypes.string，
isModerator:PropTypes.bool.isRequired，
挂起：PropTypes.array，
取消：PropTypes.array，
};
导出默认样式（样式）（injectIntl（主页））

使用position={{x:0，y:0}}属性手动控制对话框的位置

---

您可以在这里找到引用：

使用position={{x:0，y:0}}属性手动控制对话框的位置

---

您可以在这里找到参考资料：

嗨，贾西姆，谢谢您抽出时间。但当我点击它时，我想这样做。但这是关于默认位置。不是吗？不是。默认位置有不同的选项defaultPosition={{x:0，y:0}。在文档中查找受控V/S UnControlled部分以获得更好的清晰度，您是否介意建议我如何使用onclick实现这一点。这里没有我找到的例子嗨，贾西姆谢谢你抽出时间。但当我点击它时，我想这样做。但这是关于默认位置。不是吗？不是。默认位置有不同的选项defaultPosition={{x:0，y:0}。在文档中查找受控V/S UnControlled部分以获得更好的清晰度，您是否介意建议我如何使用onclick实现这一点。这里没有我找到的例子