React 自定义组件参数未定义

Question

我目前正在使用 reactjs 的 Typescript 版本，并且不断收到错误消息“消息未定义”。

此错误来自第 5 行。

import './App.css'
import * as React from "react";

const MyComponent: React.FC = ({ message: string }) => {
    return <h1>{message}</h1>
}

export default function App() {
  return (
      <div className="app">
        <MyComponent message="hello world"></MyComponent>
      </div>
    );
}

Answer 1

您可能需要对您的组件进行类型检查，以便它知道将消息作为参数！请参阅以下 post 了解更多上下文：https://fettblog.eu/typescript-react/components/。这是一个可能有用的快速解决方案！

import './App.css'
import * as React from "react";

type MyComponentProps = {
  message: string
}

const MyComponent: React.FC = ({ message }: MyComponentProps) => {
    return <h1>{message}</h1>
}

React 自定义组件参数未定义

React Custom Component Parameter Is Not Defined

typescript

reactjs

react-tsx

react-typescript