相关文章推荐
另类的冲锋衣  ·  杭州向1100万人推行个人信用分!看病、健身 ...·  6 月前    · 
爱看书的羽毛球  ·  江苏海事局重要活动及讲话江苏海事局缪昌文局长 ...·  1 年前    · 
爱运动的投影仪  ·  现代西方哲学“五大转向”-马克思主义学院·  2 年前    · 
爱喝酒的白开水  ·  在兰州,甘肃省博物馆到底该怎么逛!附:保姆攻 ...·  2 年前    · 
温暖的凉面  ·  135㎡㎡现代禅意,安静文雅的装饰,儒雅端庄 ...·  2 年前    · 
小百科  ›  没有与此调用匹配的重载(组件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 }) => (
 
推荐文章
另类的冲锋衣  ·  杭州向1100万人推行个人信用分!看病、健身都有便利! - 浙江新闻
6 月前
爱看书的羽毛球  ·  江苏海事局重要活动及讲话江苏海事局缪昌文局长带队在宁开展船载 ...
1 年前
爱运动的投影仪  ·  现代西方哲学“五大转向”-马克思主义学院
2 年前
爱喝酒的白开水  ·  在兰州,甘肃省博物馆到底该怎么逛!附:保姆攻略+参观须知!_ ...
2 年前
温暖的凉面  ·  135㎡㎡现代禅意,安静文雅的装饰,儒雅端庄的气质_手机搜狐网
2 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
小百科 - 百科知识指南
© 2024 ~ 沪ICP备11025650号