React Component上的打字稿错误:无法将'Element'类型的参数分配给该类型的参数

正人

我不确定为什么它在TBH抱怨,该错误使我感到困惑。

在此处输入图片说明

createLinkSetsForCountry

function createLinkSetsForCountry(country: Country, companies: Array<Company>) {
    let companyLinks: Array<LinkItem> = [];
    const companyLinkSets = [];

    for (const company of companies) {
        companyLinks.push(<LinkItem company={company} key={company.id} />);

        companyLinkSets.push(
            <LinkSet
                className="ft-link-set"
                country={country}
                key={company.id}
                links={companyLinks} />
        );
        companyLinks = [];
    }

    return (
        <div>
            <ListHeader country={country} />
            <div>{companyLinkSets}</div>
        </div>
    );
}

链接项

export class LinkItem extends Component<{ company: Company, key: number }> {
    render() {
        const { company } = this.props,
            hasApp = (company.interview
                && company.interview.app
                && company.interview.app.hasAppp),
            uri = company.notInterviewed ? `companies/${company.id}/details` : `/interviews/companies/${company.id}`,
            className = `margin-top-10 margin-bottom-10 ${
                company.notInterviewed ? 'ft-company-not-interviewed' : ''
            }`;
        const link = (
            <Link className={className} id={company.id.toString()} to={uri}>
                <span id="company-name">{company.name}</span>
            </Link>
        );

        return (
            <div className="company-link vertical-align-top inline-block">
                <div>
                    <li className="margin-0">{link}</li>
                </div>
                {hasApprenticeship && (
                    <div className="align-center ft-tags margin-0" id="tags">
                        <span
                            className="ink-tooltip ink-badge category-badge font-9 inline ft-apprenticeship-tag"
                            data-tip-color="tooltip"
                            data-tip-text="offers dddd"
                            data-tip-where="up">
              A
                        </span>
                    </div>
                )}
            </div>
        );
    }
}
tmhao2005

基本上,您companyLinks是React元素的列表,而不是LinkItem,因此只需进行以下更改即可:

let companyLinks: Array<React.ReactElement> = [];

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

React useState hooks错误:无法将类型“ xxx”的参数分配给类型“ SetStateAction <xx>”的参数

打字稿错误“无法将类型参数分配给类型参数”

类型'(props:ITableProps)=> JSX.Element'的参数不能分配给类型...的参数-React HOC

打字稿错误:无法将类型'number'的参数分配给'Expected <Promise <number >>'类型的参数

React 打字稿不可分配给类型的参数

使用Jest无法将类型“ openURL”的参数分配给类型“从不”的参数

无法将类型“未知”的参数分配给类型“字符串”的参数

无法将类型'MemoizedSelector <ICommonAppState,IMenuItemsObject []>'的参数分配给类型'string'的参数

修复TS2345:无法将类型“ HTMLElement”的参数分配给类型“ HTMLInputElement”的参数

无法将类型“ ApolloServer”的参数分配给类型“ ApolloServerBase”的参数

无法将类型“未知”的参数分配给类型“ {}”的参数

无法在Visual Studio中将类型为'string'的参数分配给类型为'number'的参数

Typescript + React useReducer 钩子错误:数据对象不可分配给“从不”类型的参数

类型'Element []'的参数不能分配给'元素'类型的参数

打字稿错误:“对象”类型的参数无法分配给“ {} []”类型的参数

无法将类型为'HttpEvent <any>'的角形参数分配给该参数

Firebase:getIdToken()的结果导致错误:无法将类型'Promise'的参数分配给类型'string'的参数

无法将参数类型“ ”分配给参数类型列表 <>

无法将字符串类型的参数分配给paramMap

无法将函数分配给具有通用参数的类型

rxjs6分区方法:无法将类型“ UnaryFunction”的参数分配给类型“ OperatorFunction”的参数

“ ThunkAction”类型的参数无法分配给“ AnyAction”类型的参数

不能使用 ParseInt 将“数字”类型的参数分配给“字符串”类型的参数

将类型级别参数分配给数据结构树

打字稿中的“无法分配给永不类型的参数”错误是什么?

减少数组功能的打字稿错误-无法将“字符串”分配给类型的参数

打字稿中的类型问题:类型参数不可分配给类型参数

rxjs管道:Observable类型的参数无法分配给参数

Flutter 类型“Function”无法分配给参数类型“void”