reactjs - 在对话框 Material ui 上 react 滚动

Question

我想用 React Scroll ，但我有一个问题。
我在 Dialog 上使用它来自 Material UI 的组件，滚动仅适用于主体，而不适用于 Dialog .

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>
    );
}

我在应用程序组件的对话框中调用此组件，即父组件。
所以我想滚动 Dialog ，而不是在 body 上。
有谁能够帮助我？

Answer 1

检查“containerId” Prop 。应将 ID 名称添加到负责滚动的容器中。如果是 Material-ui 的对话框 - DialogContent 组件。