javascript - React TypeScript 属性在类型/IntrinsicAttributes & IntrinsicClassAttributes 上不存在

刚接触 TypeScript，这感觉应该很简单，但我就是不能让语法正确！

非常简单的组件：

import * as React from "react";
import ControlArea from "./ControlArea";

interface IControlAreaProps {
  welcome?: any;
}

export class Layout extends React.Component<IControlAreaProps> {
  public render() {
    return (
        <ControlArea welcome="This is the control area"/>
    );
  }
}

我收到了 TS 错误 属性 'welcome' 在类型 'IntrinsicAttributes & IntrinsicClassAttributes & Readonly<{ children?: ReactNode; }>...' 上不存在。

任何指向正确方向的建议都将非常感激。

答案＃1

你这里的错误是你将接口添加到了 Layout 组件，而实际上你应该将它们添加到 ControlArea 组件

interface IControlAreaProps {
  welcome?: any
}

export default class ControlArea extends React.Component<IControlAreaProps> {
  // Your ControlArea code
}