score:1

Accepted answer

for removing the select dropdown icon you will have to pass iconcomponent: () => null in selectprops, props applied to the select element. it accepts an object of the select elements props

for more information about select's props https://material-ui.com/api/select/

here is the working example https://codesandbox.io/s/quizzical-frost-g4s52?file=/src/app.js

<textfield disabled={true}                           
           label="itemno"
           value={currentitem.itemno}
           variant="outlined"
           inputlabelprops={{ style: { fontsize: 18, color: 'grey', backgroundcolor: 'white', fontfamily: "monospace" }, shrink: true }}
           select
          // for passing props in select component
           selectprops={{ iconcomponent: () => null }}
         >
                {this.state.itemno && this.state.itemno.map((item) => (
                    <menuitem style={{ fontsize: 14, fontfamily: "monospace" }} key={item.key} value={item.id}>
                        {item.key}
                </menuitem>
            ))}
       </textfield>

Related Query

More Query from same tag