Question

我有一个基于 TypeScript 的 ReactJS 项目。以下是一个这样的文件：Layout.tsx

ID     DATE START      DATE END
1      2020-10-16     2020-11-09
1      2020-11-09     2020-12-11     
1      2020-12-11     2021-01-02
1      2021-01-02     2021-01-19
1      2021-01-19     2050-12-31

为此，我不断得到：import matplotlib.pyplot as plt fig = plt.figure() ax = fig.gca(projection='3d') ax.set_box_aspect(aspect = (1,1,1)) ax.plot(dataX,dataY,dataZ) 我在网上尝试了解决方案，但所有这些都是针对 Javascript 的，似乎与我的不匹配。在此感谢您的帮助。

Answer 1

您缺少组件（您的函数）的输入。首先你必须告诉 TS 这是FunctionalComponent，然后你必须告诉它它是道具。

这是你的方法

import React from 'react';
import { Helmet } from 'react-helmet-async';
import NavigationBar from './navigation/NavigationBar';
import Footer from './footer/Footer';

interface LayoutProps {
  title?: string;
  description?: string;
}

const Layout: React.FC<LayoutProps> = ({ title, description children }) => {
     return (
          <>
               <Helmet>
                    <title>{title ? title + " - React Boilerplate" : "React.js Boilerplate"}</title>
                    <meta name="description" content={description || "React.js Boilerplate"} />
               </Helmet>
               <NavigationBar />
               <main className="container">
                    {children}
               </main>
               <Footer />
          </>
     );
}

export default Layout;

绑定元素“xxx”在 Typescript 中隐含地具有“任何”类型错误

1 个答案: