“類型 '{ children: Element[]; pictureUrl: string; }' 不可分配給類型 'IntrinsicAttributes & { children?: ReactNode; }'

Question

我遇到了 Typescript 和以下消息的問題：

{孩子：元素[]； 圖片網址：字符串； }' 不可分配給類型 'IntrinsicAttributes & { children?: ReactNode; }'

類型“IntrinsicAttributes & { children?: ReactNode;”上不存在屬性“pictureUrl” }'

我真的不明白我做錯了什么，有人看到問題了嗎？

這是我的應用組件：

 import React from 'react'; import { Root, Routes, addPrefetchExcludes } from 'react-static'; import { Link, Router } from '@reach/router'; import FancyDiv from 'components/FancyDiv'; import Dynamic from 'containers/Dynamic'; import './app.css'; import NavDomicile from './components/NavDomicile'; // Any routes that start with 'dynamic' will be treated as non-static routes addPrefetchExcludes([ 'dynamic' ]); function App() { return ( <Root> <NavDomicile pictureUrl="./assets/logo-lavigo-domicile.png"> <Link to="/">Home</Link> <Link to="/about">About</Link> <Link to="/blog">Blog</Link> <Link to="/dynamic">Dynamic</Link> </NavDomicile> <div className="content"> <FancyDiv> <React.Suspense fallback={<em>Loading...</em>}> <Router> <Dynamic path="dynamic" /> <Routes path="*" /> </Router> </React.Suspense> </FancyDiv> </div> </Root> ); } export default App; And My Nav Component: <:-- begin snippet: js hide: false console: true babel: false -->

 import React, { ReactNode } from 'react'; interface INavProps { pictureUrl?: string; children?: ReactNode; } const NavDomicile: React.FC = ({ children, pictureUrl }: INavProps) => { return ( <nav> <div> <img src={pictureUrl} /> </div> <div>{children}</div> </nav> ); }; export default NavDomicile;

Answer 1

您應該為 React.FC 的React.FC類型提供接口

const NavDomicile: React.FC<INavProps> = ({ children, pictureUrl }) => {


}