小编use*_*538的帖子

嗨，我正在尝试使用显示文本旁边的图标来实现材质 UI 自动完成保管箱。我的实现正在运行，但是当我选择其中一个选项时，它不会显示。问题在于这部分代码：

renderInput={params => (
                        <Fragment>
                            <TextField
                                {...params}
                                variant="outlined"
                                label="Select Account"
                                placeholder="Favorites"
                                margin="normal"
                                fullWidth
                            />
                        </Fragment>

                    )}

如果我getOptionLabel在选择所选文本时删除他的图标渲染就可以了。任何帮助将不胜感激。现在这段代码的结果如下：

import React, { Fragment, useState } from 'react';
import { connect } from 'react-redux';
import PropTypes from 'prop-types';
import {makeStyles} from "@material-ui/core";
import Autocomplete from "@material-ui/lab/Autocomplete/Autocomplete";
import TextField from "@material-ui/core/TextField";
import FacebookIcon from '@material-ui/icons/Facebook';
import AppleIcon from '@material-ui/icons/Apple';
import IconButton from "@material-ui/core/IconButton";


const useStyles = makeStyles(theme => ({
    Select: {
        width: 425,
    },
    icon: {
        color: '#0095e2'
    },
})); …