Javascript React组件上的Typescript错误：参数类型为'；元素'；不可分配给类型为的参数

我不知道它为什么在这里抱怨，这个错误让我困惑

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>
    );
}

函数createLinkSetsForCountry（国家：国家，公司：数组）{
让companyLinks:Array=[]；
常量companylinkset=[]；
for（公司中的const公司）{
companyLinks.push（）；
companylinkset.push(
);
公司链接=[]；
}
返回(
{companylinkset}
);
}

LinkItem

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>
        );
    }
}

导出类LinkItem扩展组件{
render（）{
const{company}=this.props，
hasApp=（公司面试）
&&company.interview.app
&&company.interview.app.hasAppp），
uri=company.notviewered？`companys/${company.id}/details`:`/interviews/companys/${company.id}`，
className=`margin-top-10 margin-bottom-10${
公司未接受采访？“未接受采访的ft公司”：“
}`;
常量链接=(
{公司名称}
);
返回(
{link}
{has学徒制&&(
A.
)}
);
}
}

基本上，您的

公司链接

是React元素的列表，而不是

链接项

，因此只需进行如下更改即可：

let companyLinks:Array=[]；