material-ui - Material-UI：选择中的 v4.1.2 渲染值

Question

我正在使用MUI 4.1.2我设置了一个选择，该选择工作正常，除了选择选择中的项目时，该项目在单击它后不会显示可见的显示。我有一个日志设置，它确实记录了选择的项目。

<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，但没有成功。

标签： material-ui