javascript - Material-UI 中的 Autocomplete 组件不会导致任何渲染

问题描述

我在类的渲染方法中返回了一个自动完成组件。但是，它不会导致任何渲染；取出组件允许其他所有内容按预期呈现。

export default class Home extends Component {
    render() {  
      return (
        ...
        <Row>
          <Autocomplete
            id="combo-box-demo"
            options={[{title: 'Inception'}, {title: 'Dark Knight'}]}
            getOptionLabel={option => option.title}
            style={{ width: 300 }}
            renderInput={params => (
               <TextField {...params} label="Combo box" variant="outlined" fullWidth />
            )}
          />
        </Row>
      );
    }
  }

取出自动完成和里面的所有东西都可以让渲染正常工作。我正在使用 Material-UI 指南中的示例自动完成代码。

我在控制台中收到此错误：

*未捕获的错误：无效的挂钩调用。钩子只能在函数组件的主体内部调用。这可能由于以下原因之一而发生：

你可能有不匹配的 React 版本和渲染器（例如 React DOM）
您可能违反了 Hooks 规则
您可能在同一个应用程序中拥有多个 React 副本*

什么可能导致此渲染问题？使用自动完成（或钩子）有什么限制？

标签： javascriptreactjsmaterial-ui

javascript - Material-UI 中的 Autocomplete 组件不会导致任何渲染

问题描述

解决方案

推荐阅读