react-select 相关问题

我在组件中的react-select选项参数中遇到打字稿类型错误，错误：输入“只读选项类型[] | undefined' 不可分配给类型 'OptionsOrGroups 我在组件中的反应选择选项参数中遇到打字稿类型错误，错误：输入“只读选项类型[] | undefined' 不可分配给类型 'OptionsOrGroups |不明确的'。类型“readonly optionType[]”不可分配给类型“readonly (string | GroupBase)[]”。类型“optionType”不可分配给类型“string |”集团基地'。 “optionType”类型中缺少属性“options”，但“GroupBase”类型中需要属性“options” type optionType = { readonly label: string; readonly value: string }; const [options, setOptions] = useState<readonly optionType[]>(); useEffect(() => { const createOption = (label: string,value: string) => ({ label, value , }); if(userDetails){ const tempArray: optionType[]=[]; const tempVariableCrew = userDetails?.startList.tables.filter((item) => { if (item?.tableCode === "DFDEQUI") { tempArray.push(createOption(item.itemValue, item.itemCode)) return item; } }); setOptions(tempArray); setDfdCrew(() => tempVariableCrew); } }, [userDetails]); ------------------------------------------ return( <> <CreatableSelect isClearable onChange={(newValue) => setValue(newValue as string)} onCreateOption={handleCreate} **options**={options} **//error here** value={value} classNames={{ option: () => "hover:bg-gray-200 rounded-md" }} /> </> ) 我尝试调查但没有发现任何实质性内容。在您的 CreatableSelect 组件上， options 属性需要一个 OptionsOrGroups<string, GroupBase> 类型的值（如果提供），但您将自定义 optionType[] 传递给它，因此，如果您将 useState<readonly OptionType[]> 替换为 useState<OptionsOrGroups<string, GroupBase>>，它应该可以工作正确的话，您将看到缺少哪些属性。如果您仍然想使用自定义类型作为选项，您可能需要查看 OptionOrGroups 类型的定义，看看哪些内容与您的类型不匹配。

reactjs react-select react-select-search

回答 1 投票 0

选择框上的反应选择样式

我正在使用这个 tailwindcss，我想在反应选择 Select 标签上使用相同的 css。类名=“块” W-全像素-3 py-2 圆角MD 边界边框灰色-300 文本灰色-700 焦点：环-...

css tailwind-css react-select

回答 1 投票 0

更改反应选择组件的高度

我正在使用react-select组件和bootstrap v4 bootstraps 的所有东西似乎都是基于 35px 高度，react-select 组件的默认高度是 38px，看起来有点小......

reactjs react-select

回答 11 投票 0

如何优化我的页面而不导致在react/next js中进行过多的重新渲染

你好，我得到了我的反应页面代码来编辑用户配置文件，它有一个来自反应选择库的下拉选择器和一个输入文本框。至于我的状态管理，我使用 zustand。我的页面运行良好...

reactjs next.js react-select zustand

回答 0 投票 0

使用 tailwindcss 设计反应选择组件

我正在开发一个使用react、tailwindcss和react包react-select的项目。我想要实现的目标：用户可以从选择输入字段中进行选择。但是，如果选择输入字段...

tailwind-css react-select

回答 1 投票 0

如何将 useQuery 与 React Async Select 结合使用

https://react-select.com/async：React 异步选择库 https://redux-toolkit.js.org/rtk-query/overview：RTK 查询如何将 useQuery 提供的方法与 React Async 库结合使用。我是

javascript reactjs react-select rtk-query

回答 1 投票 0

如何使反应选择选项菜单从选项数组的特定索引开始

在反应选择中我有一个很长的选项列表，如下所示，很难选择最后一个选项之一用户必须向下滚动所有选项才能获得最后一个选项有办法开始吗

reactjs react-select

回答 1 投票 0

react-select 我想在选项中显示和图像。但是当我选择该选项时，我希望控件仅显示该选项的文本部分

这是选项和formatOptionLabel函数 constbrandOptions=films.map((film)=>({ 价值：电影.品牌，标签: 电影.品牌, }）） const formatOptionLabel = ({ 值, 标签,

reactjs dropdown react-select

回答 1 投票 0

React-select：虚拟化选项列表

在最新版本的react-select（3.1.0）中虚拟化选项列表的预期方式是什么？有react-virtualized-select，但不再支持。谢谢。

react-select react-virtualized react-window

回答 2 投票 0

Shadow-cljs 需要反应选择可创建组件

目前我需要使用 ["react-select" :default Select] 来创建组件： (def dropdown-standard (ra/adapt-react-class Select)) （这非常有效）我想访问...

clojure clojurescript react-select shadow-cljs clojurescript-javascript-interop

回答 1 投票 0

Shadow-cljs 需要反应选择

目前我需要使用 ["react-select" :default Select] 来创建组件： (def dropdown-standard (ra/adapt-react-class Select)) （这非常有效）我想访问...

clojure clojurescript react-select shadow-cljs clojurescript-javascript-interop

回答 1 投票 0

如何从 Chrome 扩展程序控制反应选择组件？

我正在尝试编写一个 Chrome 扩展来自动填写 Jira 中的新问题，为了做到这一点，我需要从我的 content_script 中控制一个反应选择组件。这些都非常

javascript reactjs google-chrome-extension react-select

回答 1 投票 0

本地主机和构建应用程序之间存在差异的原因是什么？

我正在开发一个反应应用程序，并注意到一个奇怪的行为。当我尝试使用过滤器时，它会导致错误： React-dom.Production.min.js：106 Uncaught TypeError：未定义不可迭代（可以...

reactjs redux react-select

回答 1 投票 0

在typescript中扩展react-select接口属性

我为我的react-project定制了一个react-select下拉组件。当我尝试使用React.HTMLAttributes扩展界面时。它显示“否

javascript reactjs typescript react-select

回答 4 投票 0

react-select 相关问题

最新问题