typescript - 打字稿在正确键入的参数上引发错误

Question

我正在使用 NextJs 和打字稿，当我传递正确键入的道具时，我得到的错误是：

./pages/jobs.tsx:100:15
Type error: Type '{ job: jobType; key: number; handleTagClick: (tag: string) => void; }' is not assignable to type 'IntrinsicAttributes & jobType'.
  Property 'job' does not exist on type 'IntrinsicAttributes & jobType'.

   98 |           filteredJobs.map((job) => (
   99 |             <JobComponent
> 100 |               job={job}
      |               ^
  101 |               key={job.id}
  102 |               handleTagClick={handleTagClick}
  103 |             />
error Command failed with exit code 1.

代码在这里：https ://github.com/samrath2007/Internova

标签： typescriptnext.jstypescript2.0react-typescript

Answer 1

JobComponent被输入就好像它接收多个参数一样，但您可能意味着这是一个 props 对象。

目前：

const JobComponent = (job: jobType, handleTagClick: Function) => {}

它应该是什么：

type Props = { job: jobType, handleTagClick: Function };

const JobComponent = ({job, handleTagClick}: Props) => {}