Question

我有一个新的.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>;
};

Answer 1

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

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

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

1 个答案: