javascript - React และ TypeScript, ได้รับข้อผิดพลาด "คาดว่าจะมีประเภท"

ฉันกำลังแปลงคอมโพเนนต์ React เป็น Typescript (*.ts) จาก JS มันแสดงข้อผิดพลาดด้านล่างว่า "Type expected" ฉันจะแก้ไขมันได้อย่างไร?

const SisenseDashboard = () => {

  const sisenseRef = React.useRef(null);

  return (
    <>
      <Box
        display="flex"
        flexDirection="column"
        alignItems="center"
        marginBottom={2}
      >
        <h2>In-App Reporting</h2>
      </Box>
      <Box
        ref={sisenseRef}
        id="sisense-container"
        className="sisense-demo"
      ></Box>
    </>
  );
};

คำตอบ #1

ตรวจสอบให้แน่ใจว่าส่วนประกอบของคุณมีนามสกุลไฟล์เป็น .tsx ไม่ใช่ .ts ซึ่งสิ่งนี้ควรแก้ไขปัญหาของคุณ นอกจากนี้ คุณสามารถบอก TypeScript ได้ว่าฟังก์ชันของคุณเป็น React Functional Component เช่น ด้วยความช่วยเหลือของชนิด FC จาก React:

import {FC} from "react";

const SisenseDashboard : FC = () => {

  const sisenseRef = React.useRef(null);

  return (
    <>
      <Box
        display="flex"
        flexDirection="column"
        alignItems="center"
        marginBottom={2}
      >
        <h2>In-App Reporting</h2>
      </Box>
      <Box
        ref={sisenseRef}
        id="sisense-container"
        className="sisense-demo"
      ></Box>
    </>
  );
};