材料用户界面：未捕获范围错误：超出最大调用堆栈大小

Question

我正在使用对话框，并从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>
    );
  }

}

在点击select之后，我从Modal.js得到了这个错误:

"未捕获的RangeError：最大调用堆栈大小超出。在HTMLDocument.Modal._this.enforceFocus（Modal.js?86a5：197）"

有什么想法吗？

Answer 1

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

}