Material-UI:Select中的v4.1.2 renderValue

时间:2019-07-09 20:13:19

标签: material-ui

我正在使用MUI 4.1.2 我设置了一个Select,该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,但是没有用。

0 个答案:

没有答案