相关文章推荐
聪明伶俐的大海  ·  Ten things we know to ...·  1 月前    · 
拉风的包子  ·  通过HTTP响应头配置DCDN跨域资源共享( ...·  8 月前    · 
另类的毛衣  ·  横评:五款免费开源的语音识别工具 | 雷峰网·  9 月前    · 
拉风的猴子  ·  河南构想京九高铁新走向 -香港商报·  9 月前    · 
犯傻的沙滩裤  ·  王恒·  1 年前    · 
小百科  ›  没有与此调用匹配的重载(组件React + Typescript)开发者社区
string react typescript placeholder
酒量大的洋葱
2 年前
首页
学习
活动
专区
工具
TVP 最新优惠活动
返回腾讯云官网
提问

问 没有与此调用匹配的重载(组件React + Typescript)

Stack Overflow用户
提问于 2020-11-30 22:45:07
EN

在我的placeholderTextColor中,标题的错误仍然存在,并且没有找到解决方案

 import React from 'react';
import { TextInputProps } from 'react-native';
import { color } from 'react-native-reanimated';
import { Container, TextInput, Icon } from './styles';
interface InputProps extends TextInputProps {
  name: string;
  icon: string;
// todas as propriedades "rest" sao passadas para o TExt Input, no caso apenas o placeholder
const Input: React.FC<InputProps> = ({ name, icon, ...placeholder }) => (
  <Container>
    <Icon name={icon} size={20} color="#666360" />
    <TextInput
      keyboardAppearance="dark"
      placeholderTextColor="#666360"
      {...placeholder}
  </Container>
export default Input;

错误仍然存在,如果我删除了扩散运算符,错误就会消失,但这不是解决方案。

完全错误

(JSX属性) placeholderTextColor?:string | typeof OpaqueColorValue |未定义占位符字符串的文本颜色

没有与此调用匹配的重载。重载1/ 2,‘(属性: Pick & Partial<...>,"ref“| ... 109 more ... | "showSoftInputOnFocus"> &{ ...;}):ReactElement<...>’给出了以下错误。类型'ColorValue‘不可赋值给类型’字符串|唯一符号|未定义‘。不能将类型'unique symbol‘赋值给类型'string | unique symbol | undefined’。重载2个,‘(属性: StyledComponentPropsWithAs):新的TextInput,DefaultTheme,{},never>,string | ... 1更多... |(StyledComponentPropsWithAs Component<...>)>',给出了以下错误。类型'ColorValue‘不可赋值给类型’字符串|唯一符号|未定义‘。类型'unique symbol‘不能赋值给类型'string | unique symbol |undefined’。to (2769) index.d.ts(1626,5):期望的类型来自属性'placeholderTextColor‘,它在类型'IntrinsicAttributes & Pick & Partial<...>,"ref”| ... 109 more ... | "showSoftInputOnFocus"> &{ ...;}&{ ...;}&{ ...;}‘index.d.ts(1626,5):预期的类型来自属性'placeholderTextColor’,它在此处的类型'IntrinsicAttributes & Pick & Partial<...>,"ref”| ... 109 more ...‘上声明

2 672 0 票数 0
EN
typescript
react-native

回答 2

Stack Overflow用户

发布于 2020-12-01 02:31:33

您使用的是placeholderTextColor,它是TextInput的现有属性,但您正在将其重新分配为字符串。

你能试着删除它吗?

interface InputProps extends TextInputProps {
  name: string;
  icon: string;
  placeholderTextColor: color;
}
票数 1
EN

Stack Overflow用户

发布于 2020-12-01 03:38:01

这种情况的解决方案是接收属性导入内部的其他属性占位符,如下所示:

interface InputProps extends TextInputProps {
  name: string;
  icon: string;
  placeholder: string;
// todas as propriedades "rest" sao passadas para o TExt Input, no caso apenas o placeholder
const Input: React.FC<InputProps> = ({ name, icon, placeholder }) => (
 
推荐文章
聪明伶俐的大海  ·  Ten things we know to be true - Google - About Google
1 月前
拉风的包子  ·  通过HTTP响应头配置DCDN跨域资源共享(CORS)及注意事项 - 边缘安全加速 - 阿里云
8 月前
另类的毛衣  ·  横评:五款免费开源的语音识别工具 | 雷峰网
9 月前
拉风的猴子  ·  河南构想京九高铁新走向 -香港商报
9 月前
犯傻的沙滩裤  ·  王恒
1 年前
Link管理   ·   Sov5搜索   ·   小百科
小百科 - 百科知识指南