反应TypeScript错误:TS2322-类型''无法分配给类型'IntrinsicAttributes&String'

时间:2020-07-20 04:10:38

标签: javascript reactjs typescript jsx typescript-eslint

我有一个新的.tsx文件,希望将标题传递给我的组件。但是,“ title”属性使用以下简单代码返回以下错误。

输入'{title:string; }”不能分配给“ IntrinsicAttributes&String”类型。 属性“ title”在类型“ IntrinsicAttributes&String”上不存在。 TS2322

const referrer = document.referrer;

我的Nav组件的代码如下:

import React from 'react';
import { render } from 'react-dom';
import { Nav } from "./sections";

render(
  <Nav title="Suite" />,
  document.getElementById('root')
);

我仍然在排除故障,并且想知道该修复程序是否与我的TSConfig有关。任何建议都将受到欢迎。

以防万一,这是我的tsconfig.json的副本

import React from "react";

export const Nav = (title: String) => {
  return <ul><li>{title}</li></ul>;
};

1 个答案:

答案 0 :(得分:0)

如果您的Nav组件是功能组件,则可以将Type传递给它,如下所示:

const Nav: React.FC<React.HTMLProps<Element>> = (props => {---your component code---})