UPDATE Реального решения не найдено.Решено с помощью контекста для отправки информации вместо отправки всей информации через компоненты.
Я создал список элементов в Select, который отображается в форме.Но Select не будет показывать ни один из них.Если я нажму на список, он покажет последнее значение в поле выбора.
Я попытался пересобрать его в чистом скрипте реагировать, и он работал нормально.Возможно, я забыл, что не могу понять.
Я использовал фиктивные версии с веб-сайта Material-ui, но получаю ту же ошибку.
Я также пытался создать чистую версию только из формы шаблона, и она работала просто отлично.Так что код должен быть правильным.
<FormControl>
<InputLabel htmlFor="listOfInformation">
List of Information
</InputLabel>
<Select
value={listOfInformation}
name='List of Information'
onChange={this.handleChange('listOfInformation')}
>
{categories.map(category =>
<MenuItem
open={open}
key={category}
value={category}
>
{category}
{console.log("Test ", category)}
</MenuItem>
)}
</Select>
</FormControl>
Это находится внутри моей формы.Моя форма также имеет TextFields, которая прекрасно работает.Я вызвал компонент в App.js, чтобы убедиться, что я ничего не сделал раньше, он получил ту же ошибку.
Всплывающее окно показывает, что это хорошо.Должен отображаться весь список информации