Material-UI: Uncaught RangeError: Превышен максимальный размер стека вызовов

Question

Я использую компоненты Dialog и Select из Material-UI и React.

Просто пример:

import React from 'react';
import { Dialog, MenuItem, Select } from '@material-ui/core';

class SomeComponent extends React.PureComponent {

  render() {
    return (
      <Dialog>
        <Select
          value={this.state.age}
          onChange={this.handleChange}
        >
          <MenuItem value={10}>Ten</MenuItem>
          <MenuItem value={20}>Twenty</MenuItem>
        </Select>
      </Dialog>
    );
  }

}

После нажатия на кнопку выбора я получаю эту ошибку от Modal.js:

"Uncaught RangeError: Превышен максимальный размер стека вызовов. At HTMLDocument.Modal._this.enforceFocus (Modal.js? 86a5: 197) "

Есть идеи?

Answer 1

Добавьте реквизит disableEnforceFocus в компонент Dialog.

Ссылка: выпусков / 10341

import React from 'react';
import { Dialog, MenuItem, Select } from '@material-ui/core';

class SomeComponent extends React.PureComponent {

  render() {
    return (
      <Dialog
        disableEnforceFocus
      >
        <Select
          value={this.state.age}
          onChange={this.handleChange}
        >
          <MenuItem value={10}>Ten</MenuItem>
          <MenuItem value={20}>Twenty</MenuItem>
        </Select>
      </Dialog>
    );
  }

}