admin管理员组

文章数量:1389768

New to TypeScript and this feels like it should be really simple but I can't quite get the syntax happy!

Very simple ponent:

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

interface IControlAreaProps {
  wele?: any;
}

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

I'm getting the TS error Property 'wele' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<ControlArea> & Readonly<{ children?: ReactNode; }>...'.

Any point in the right direction would be very much appreciated.

New to TypeScript and this feels like it should be really simple but I can't quite get the syntax happy!

Very simple ponent:

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

interface IControlAreaProps {
  wele?: any;
}

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

I'm getting the TS error Property 'wele' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<ControlArea> & Readonly<{ children?: ReactNode; }>...'.

Any point in the right direction would be very much appreciated.

Share Improve this question asked Feb 20, 2018 at 17:18 wa-rren-devwa-rren-dev 3271 gold badge4 silver badges12 bronze badges
Add a ment  | 

1 Answer 1

Reset to default 3

Your mistake here is that you're adding the interface to the Layout ponent when you should be adding them to the ControlArea ponent

interface IControlAreaProps {
  wele?: any
}

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

本文标签: