Reactjs 在对话框材质界面上进行反应滚动

我想用，但我有个问题

我在Material UI的

对话框

组件上使用它，滚动仅在主体上有效，而在

对话框

上无效

var Link = Scroll.Link;
var Element = Scroll.Element;
var Events = Scroll.Events;
var scrollSpy = Scroll.scrollSpy;

componentDidMount() {
    Events.scrollEvent.register('begin', function (to, element) {
        console.log("begin", arguments);
    });

    Events.scrollEvent.register('end', function (to, element) {
        console.log("end", arguments);
    });

    scrollSpy.update();
}

componentWillUnmount() {
    Events.scrollEvent.remove('begin');
    Events.scrollEvent.remove('end');
}

public render() { 
    return (
        <div>
            <Link activeClass="active" to="upload" spy={true} smooth={true} duration={500}>Upload</Link>
            <Element name="upload">
                <UploadZone onupload={this.props.onCreateDocument} onsuccessupload={this.uploadedfile} lastfileupload={this.props.lastuploadfile} clickable={true} />   
            </Element>
        </div>
    );
}

var-Link=Scroll.Link；
var元素=Scroll.Element；
var Events=Scroll.Events；
var scrollSpy=Scroll.scrollSpy；
componentDidMount（）{
Events.scrollEvent.register（'begin'，函数（to，元素）{
log（“开始”，参数）；
});
Events.scrollEvent.register（'end'，函数（to，元素）{
log（“结束”，参数）；
});
scrollSpy.update（）；
}
组件将卸载（）{
Events.scrollEvent.remove（'begin'）；
Events.scrollEvent.remove（'end'）；
}
公共呈现（{
返回(
上传
);
}

我在一个关于应用程序组件的对话框中调用这个组件，父组件

因此，我想在

对话框上滚动，而不是在正文上滚动

有人能帮我吗？
检查“集装箱”道具。ID名称应添加到负责滚动的容器中。如果是Material ui的对话框-DialogContent组件。
您需要使用containerId道具，如@Demiurg77所述。我尝试了纸张滚动模式，下面的代码对我有效

<Dialog fullWidth={true} maxWidth={'lg'} onClose={handleClose} aria-labelledby="customized-dialog-title"
        open={open} scroll={'paper'}>
    <DialogTitle id="customized-dialog-title" onClose={handleClose}>
        Settings
    </DialogTitle>
    <Link className={section1} to={section1} spy={true} smooth={true} duration={250} containerId={'dialogCon'}>To Section 1</Link>
    <DialogContent id='dialogCon'>
        <DialogContentText id={section1}>
            <Typography gutterBottom>
                Some Text
            </Typography>
        </DialogContentText>
    </DialogContent>
</Dialog>


设置
第1节
一些文本
你找到答案了吗？我也遇到了同样的问题。