java intrinsic,如何使用包含动作的组件？获取错误“类型'{}'不能分配给'IntrinsicAttributes'...

我试图让我的组件有一些道具操作来做它的东西(例如用户最终通过弹出窗口登录)：

import { Component } from 'react';

import * as React from 'react';

import { connect } from 'react-redux';

class Props

{

dostuff()

{

}

}

export class Test extends Component {

public render() {

return (

lol

);

}

}

在我的layouts.tsx中，我尝试这样做：

import * as React from 'react';

import { NavMenu } from './NavMenu';

import { Test } from '../test/test'

import { Component } from 'react';

export class Layout extends React.Component {

public render() {

return

{this.props.children}

;

}

}

然而看起来反应不喜欢我在道具中的动作..

[at-loader]中的错误./ClientApp/components/Layout.tsx:16:21 TS2322：类型'{}'不能分配给'IntrinsicAttributes＆IntrinsicClassAttributes＆Readonly ＆Read ...' . 类型“{}”不能分配给“Readonly”类型 . 类型“{}”中缺少属性“dostuff” .

我的道具通常只是字符串或布尔，我没有问题，如何使它与函数一起使用？如果这不可能，我可以把它放在组件的其他地方吗？