Material-UI: v4.1.2 renderValue в Select

Question

Я использую MUI 4.1.2. Я установил Select, который работает, за исключением того, что при выборе элемента из Select этот элемент не отображает видимое отображение после щелчка по нему.У меня есть настройки журнала, и он записывает выбранный элемент.

<FormControl>
                    <Select
                      value={this.state.quoteListName}
                      onChange={this.handleChange}
                      variant="outlined"
                      displayEmpty={true}
                      input={<Input id="QuoteListPlaceholder" />}
                      renderValue={
                        this.state.quoteListName > 0
                          ? undefined
                          : () => <em>Select a Quote List</em>
                      }
                    >
                      <MenuItem value="" disabled>
                        <em>Select a Quote List</em>
                      </MenuItem>

                      {data.me.quoteList.map(item => {
                        return (
                          <MenuItem value={item.name} key={item.name}>
                            {item.name}
                          </MenuItem>
                        );
                      })}
                    </Select>
                  </FormControl>

Я нашел код renderValue в сообщении переполнения стека.Возможно, я не правильно настроил это?Он отображает текст «Выбрать список цитат», но он все еще отображается после выбора элемента из списка «Выбрать».Обратите внимание, что я попробовал this.state.quoteListName.length > 0, но это не сработало.