Когда я пытаюсь создать тег автозаполнения с помощью пользовательского интерфейса материала, я получаю следующую ошибку:
Код для автозаполнения выглядит следующим образом :
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, поэтому я обновил зависимости в своем пакете. json как на клиенте, так и на клиенте. файл сервера для: «реакция»: «^ 16.7.0-альфа.2», «реакция-дом»: «^ 16.7.0-альфа.2»,
, но проблема все еще возникает ,
Кто-нибудь знает, как это решить? У меня не было проблем с использованием тегов Textfield и Menu в одном рабочем каталоге.