如何在打开自动完成输入后不旋转搜索图标?

<Autocomplete
  popupIcon={<Search />}
  onChange={(e, value) => handleFound(value)}
  options={['0', '2', '3', '1']}
  sx={{ width: '100%' }}
  renderInput={(params) =>
    <TextField {...params} placeholder={'type anything...'} />
  }
/>

推荐答案

您需要停止弹出式指示器样式的旋转,如下所示:

<Autocomplete
  popupIcon={<Search />}
  onChange={(e, value) => handleFound(value)}
  options={["0", "2", "3", "1"]}
  sx={{
    width: "100%",
    "& .MuiAutocomplete-popupIndicator": { transform: "none" },
  }}
  renderInput={(params) => (
    <TextField {...params} placeholder={"type anything..."} />
  )}
/>

请注意,这不是唯一的解决方案,但在我看来是最快的……

Reactjs相关问答推荐

有正确的方法来设置我的金牛座应用程序的图标吗?

react ';S使用状态不设置新状态

如何在整个应用程序中显示通用弹出窗口中的点击事件

需要特定的数学函数来标准化动画持续时间

StrictMode+SetInterval=双重渲染(即使使用useEffect清理)

为什么我的react 简单计时器项目不起作用?

更新对象状态的父数组时记住子组件

FabricJS反序列化问题

Syncfusion:带有 TabItemsDirective 的选项卡组件不显示任何内容

React:如何使用条件渲染和react 挂钩来更新另一个组件的状态?

为什么 createSlice 中的 reducer 不能以不同的方式改变状态?

React - 添加了输入数据但不显示

Select 项目后 Select HeadlessUI 组合框中的所有文本?

将复杂状态和 setState 传递给更简单的 api

ReactJs 行和列

如何从其他组件访问 useQuery refetch 方法?

SonarCloud 代码覆盖率不适用于 Github Action

如何解决在 react.js 中找不到模块错误

如何定制 React 热 toastr ?

在 Redux 中更新布尔状态时出错