react__WEBPACK_IMPORTED_MODULE_0___default.a.useContext 不是函数——在 Material UI 中使用自动完成时

Posted 2023-02-22

【中文标题】react__WEBPACK_IMPORTED_MODULE_0___default.a.useContext 不是函数——在 Material UI 中使用自动完成时

【英文标题】：react__WEBPACK_IMPORTED_MODULE_0___default.a.useContext is not a function -- When using Autocomplete in Material UI

【发布时间】：2020-07-05 22:21:28

【问题描述】：

当我尝试使用 Material UI 创建自动完成标签时，我收到以下错误：

自动完成的代码如下所示：

import React, useState, useEffect, useContext from 'react';
import ReactDOM from "react-dom";
import withStyles from '@material-ui/core/styles';
import TextField from '@material-ui/core/TextField';
import Autocomplete from '@material-ui/lab/Autocomplete'; 

  const top100Films = [
     title: 'The Shawshank Redemption', year: 1994 ,
     title: 'The Godfather', year: 1972 
  ]

  function textBar() 

    return (
        <div>       
          return (
            <Autocomplete
            id="combo-box-demo"
            options=top100Films
            getOptionLabel=option => option.title
            style= width: 300 
            renderInput=params => <TextField ...params label="Combo box" variant="outlined" />
            />
         </div>
    )
  

  export default textBar; 

从我在线阅读的内容来看，这是因为我使用的是旧版本的 React 依赖项，因此我将客户端和服务器文件中 package.json 中的依赖项更新为： “反应”：“^16.7.0-alpha.2”， "react-dom": "^16.7.0-alpha.2",

但我仍然遇到同样的问题。

有谁知道如何解决这个问题？我在同一个工作目录中使用 Textfield 标签和 Menu 标签没有问题。

【问题讨论】：

钩子是在16.8 中引入的。您可能需要更新反应版本

【参考方案1】：

已解决：错过在客户端文件中添加依赖项

【讨论】：

请不要将答案部分用于 cmets。回答自己的帖子意味着做一些研究并回答它