Как исправить ошибку, когда в Select не отображаются какие-либо значения, я могу нажать и получить последний объект - PullRequest
0 голосов
/ 29 марта 2019

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, чтобы убедиться, что я ничего не сделал раньше, он получил ту же ошибку.

Всплывающее окно показывает, что это хорошо.Должен отображаться весь список информации

1 Ответ

0 голосов
/ 01 апреля 2019

Я не знаю, что случилось. Я думаю, что у меня были некоторые ошибки с тем, как я обработал свои значения при отправке их через Компоненты (было вложено 4 глубоко). Я изменил свою обработку, чтобы использовать контекст вместо этого. Это решило эту ошибку. Я думаю, что это не правильное значение.

Решением для меня было использование контекста вместо обработки всех моих значений. Я использовал это решение, потому что я думал, что Redux или подобные решения будут слишком полезны, но мне нужен контекст, потому что я проходил путь к большому количеству информации.

...