当尝试使用typescript在react with styled-components中定义功能组件时，get错误为"No overload matches this call“。
在使用TypeScript在React中与styled-components一起定义功能组件时，出现"No overload matches this call"错误的原因是函数调用的参数类型不匹配。这个错误通常发生在使用styled-components的styled函数时，参数类型与组件的props类型不匹配。
要解决这个问题，可以尝试以下几个步骤：
- 确保你已经正确安装了TypeScript和相关的类型声明文件。可以通过运行
npm install typescript @types/react @types/styled-components来安装。 - 确保你的组件的props类型定义正确。在使用styled-components的styled函数时，需要将组件的props类型传递给styled函数。例如，如果你的组件props类型为
interface MyComponentProps { ... }，则可以使用const MyStyledComponent = styled.div<MyComponentProps>来定义一个带有props类型的styled组件。 - 检查你的组件是否正确使用了props。确保在组件中使用props时，使用了正确的属性名称和类型。如果你在组件中使用了未定义的属性，也可能导致"No overload matches this call"错误。
- 如果你在组件中使用了其他的React组件或库，确保你正确导入了相关的类型声明文件，并且使用了正确的类型。
- 如果以上步骤都没有解决问题，可以尝试在styled-components的GitHub仓库中搜索类似的问题，或者在社区中提问，以获取更多帮助。
对于这个问题，腾讯云没有直接相关的产品或链接地址。但腾讯云提供了一系列云计算服务，如云服务器、云数据库、云存储等，可以帮助开发者构建和部署各种应用。你可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多信息。
相关·内容
沙盒https://codesandbox.io/s/typescript-type-checking-question-0b42t 代码 type BadgeTypes = { <StyledBadge {...props}>{children}</StyledBadge>
); 错误是 No overload matches thiscall....
浏览 102提问于2020-07-09得票数 0
这是一个用React编写的组件，带有处理用户输入的库“样式组件”。如果用户的输入无效，则应显示如下所示的相应样式(类无效)。该示例可以完美地与JavaScript配合使用。但是，使用TypeScript时，我无法让props接口工作。作为一种变通方法，我为styled.div<any>插入了<any>，它解决了这个错误，但当然也违背了TypeScript的目的。错误输出显示<
浏览 13提问于2021-05-21得票数 0
我正在尝试从Typescript中的一个功能创建一个<GeoJSON {...} /> react元素，但没有成功。(我使用的是react-leaflet + Typescript)对于常规的js，我只需要这样做： {...}.} <- Associated style/>
但是在Typescript中</e
浏览 60提问于2020-02-22得票数 4
我正在尝试创建一个typescript React应用程序，在使用styled-components时遇到了一个问题。下面是我正在尝试的粗略想法： import React from 'react';
export type MyPropsWrapper className=&#
浏览 23提问于2020-10-05得票数 0
回答已采纳
2回答
当使用任意数量的支持定义任何类型的简单反应性功能组件(包括使用FC、ComponentWithChildren等)时，都会出现类型记录错误。：未定义；}) =>元素‘与类型’Props‘..ts(2559)没有共同属性。
"name": "call-mvp",
浏览 7提问于2022-05-20得票数 0
回答已采纳
将react-native和styled-components与TypeScript结合使用， 我想知道styled.TouchableOpacity组件中props.style的类型是什么，以便能够包装它的样式TypeScript： const Test = (props) => <Button style={props.style} /> 我曾尝试使用style?: StyleProps<View
浏览 52提问于2021-10-19得票数 1
回答已采纳
我正在编写一个组件Text，它接受可以返回样式组件的size支柱。我正在使用来自样式组件的多态as支柱来这样做。但是，当TypeScript继续抛出这些错误时。我还使用临时道具来防止将用于StyledText的道具传递给ReactNode。, but only a single child was provided.ts(2745)No overload matc
浏览 5提问于2021-05-13得票数 1
回答已采纳
我有一个使用组件的功能组件。在示例页面上，他们使用基于类的组件和来处理日期选择：handleDayClick(day, { selected }) {...<DayPicker /> const handleDayClick&
浏览 6提问于2021-12-07得票数 0
我目前使用的是"typescript": "^3.7.5"和"react-slick": "^0.25.2"。我面临的问题是，我不能在新的useRef钩子和typescript中使用自动播放方法slickPlay和slickPause。No overload matches this call.
浏览 43提问于2021-02-20得票数 0
回答已采纳
我正在尝试在一个Typescript项目下运行。在这个中，我试图创建一个可重用的React组件。(请打开访客查看完整代码)No overload matches this call.Overload
浏览 61提问于2019-11-08得票数 3
回答已采纳
我是新的类型记录和挣扎的类型抄本错误，同时传递功能“切换”作为一个支柱的样式组件"MobileIcon“。我在接口IProps中为“切换”设置了函数类型，并将其添加到样式组件中。Layout.tsx:import Toolbar frommain>
&
浏览 2提问于2021-07-29得票数 0
我试图在我的类型记录react应用程序中设置我的react选择组件，但没有成功。在遵循docs：时，我得到以下错误：
No overload matches this call.Overload 1 of 2, '(props: Readonly<ReactSelectProps<string>>): ReactSelectClass<str
浏览 3提问于2020-05-19得票数 2
2回答
如何使用ref正确输入？
、、、、
我有一个简单的自定义组件，如下所示 import {View, TextInput} from 'react-native'
}
constTextInput
ref
浏览 102提问于2021-07-21得票数 0
我想构建一个组件，它接受一个Icon参数，并将所有其他参数传递给一个样式化组件Input (基于TextInput)。在Javascript中，这很简单： import React from 'react';import styled我尝试了以下方法。它在这里一直在抱怨： <Input {...p
浏览 18提问于2021-05-07得票数 0
回答已采纳
我在弄清楚如何在typescript 4.1中使用react-i18next时遇到了麻烦。根据文档，我应该能够做到：return <h1>{t('title')}</h1>No overloadmatches this call: Argument of type &#
浏览 2提问于2020-12-08得票数 3
1回答
我正在尝试在React应用程序中使用sx prop-based样式。 我想通过所谓的theme getter访问主题。 当我尝试使用这种方法时，我可以看到样式在浏览器中呈现正常。然而，TypeScript抱怨道，我发现理解类型祖先并弄清楚它在说什么是一件具有挑战性的事情。 Working沙箱 Not working沙箱 ? 完全错误： No overload matc
浏览 23提问于2021-08-23得票数 3
我刚接触JavaScript/TypeScript和React Native --尤其是钩子。但是我已经有了这个功能组件，并且我正在尝试弄清楚如何在组件中使用ref。我不确定我在这里是否正确使用了ref (我想我可能需要把它放在一个不同的上下文中，但这不是我目前主要关心的问题)。我想弄明白的是如何在React Native函数组件中使用refs/hooks。();
retur
浏览 44提问于2021-10-06得票数 0
回答已采纳
试图在离开一段时间后恢复到React & TypeScript上，我碰到了一个似乎无法处理的TypeScript错误。matches this call.The last overload gave the following error.16.13.1",我的组件被定义为H
浏览 1提问于2020-03-28得票数 0
回答已采纳
1回答
因此，我目前有一个导航组件，当单击该组件时，它将切换该组件的背景色。"green")};接口通过： open: boolean;}const BurgerIcon: StyledCompon
浏览 2提问于2020-02-21得票数 1
回答已采纳
1回答
如何在react导航中实现从默认头组件扩展的ThemedHeader？};
return <Header {...props} scene={themedScene} />;}import React, {useMemo} fro
浏览 4提问于2019-11-29得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
