Material-ui-next компонент инициализируется как скрытый - PullRequest
Новая
       21

Material-ui-next компонент инициализируется как скрытый

0 голосов
/ 17 мая 2018

Я только что обновился с Material-Beta до нового Material-UI-Text RC1. Он компилируется и работает нормально, ожидая, что компоненты будут инициализированы со скрытой видимостью свойства css через различные классы css, которые применяются к компонентам. Я попробовал и компонент диалога (как в примере ниже) и компонент поповера. Тот же результат. Оба скрыты при запуске.

К компоненту диалога применен этот класс .MuiModal-hidden-224. Мне кажется неправильным, что компонент инициализирован как скрытый. Это HTML-код корня модала: 

<div class="MuiModal-root-223 MuiDialog-root-216 MuiModal-hidden-224" role="dialog">

Это код реакции, который я использую. 

   import * as React from "react";
import "./SharingDialog.less";
import Dialog from "@material-ui/core/Dialog";
import Button from "@material-ui/core/Button";

interface IProps {
    locked: boolean
}

interface IState {
    open: boolean;
    anchorEl: any;
}

export default class SharingDialog extends React.Component<IProps, IState> {

    constructor(props: IProps) {
        super(props);
        this.state = {
            open: false,
            anchorEl: null
        }
    }

    handleOpen = (event:any) => {
        this.setState({open: true, anchorEl: event.currentTarget});
    }

    handleClose() {
        this.setState({open: false})
    }

    render() {
        const { locked } = this.props;

        return (
            <div className="sharing-dialog">
                <Button>Test</Button>
                <button disabled={!locked} className="btn btn-primary" onClick={(event) => this.handleOpen(event)}>Open modal</button>
                <Dialog
                open={this.state.open}>                    
                    <div className="sharing-dialog-component">
                        Testing
                    </div>

                </Dialog>
            </div>
        )
    }
}

Что я делаю не так? Почему модал запускается как скрытый?

1 Ответ

0 голосов
/ 17 мая 2018

У меня была такая же проблема.Похоже, что обновление до React 16.3.2 решит проблему.

https://github.com/mui-org/material-ui/issues/11414

...