Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/sql-server-2005/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 在TSX标记的React组件中使用事件处理程序_Reactjs_Typescript_Event Handling_Tsx - Fatal编程技术网

Reactjs 在TSX标记的React组件中使用事件处理程序

Reactjs 在TSX标记的React组件中使用事件处理程序,reactjs,typescript,event-handling,tsx,Reactjs,Typescript,Event Handling,Tsx,有没有一种方法可以使React组件中定义的事件处理程序在类似HTML的标记中可访问?我的意思是: <MyComp param1="abc" param2="def" onDoSomething={this.someMethod} /> 如何使事件处理程序OnDosMething可以通过TSX访问,类似于使用onClick事件?您可能会遇到问题,因为您当前没有为OnDosMething提供函数,但返回的结果是: <MyComp param1="abc" param2="def"

有没有一种方法可以使React组件中定义的事件处理程序在类似HTML的标记中可访问?我的意思是:

<MyComp param1="abc" param2="def" onDoSomething={this.someMethod} />

如何使事件处理程序OnDosMething可以通过TSX访问,类似于使用onClick事件?

您可能会遇到问题,因为您当前没有为OnDosMething提供函数,但返回的结果是:

<MyComp param1="abc" param2="def" onDoSomething={this.someMethod()} />
应该是

<MyComp param1="abc" param2="def" onDoSomething={this.someMethod} />

我可能会误解,但只是简单地将onDoSomething作为MyCompProps中的另一个成员?onDoSomething:Handler=>void@miqh是的,我就是这么想的,通过在MyCompProps中添加一些东西,比如onDoSomething:Handler;。但是当运行fireDoSomething时,另一边什么也没有发生。方法someMethod未被触发。添加onDoSomething:Handler=>void;导致错误[ts];预期。[1005]. 知道如何运行它吗?啊,我的错,那是因为我忘了在函数接口成员中包含参数名。包括一个应该让你过得去。handler:handler=>void;。另外,请注意下面关于someMethod如何绑定的其他评论。我不认为您不应该使用,因为这会过早地调用方法并将方法结果(而不是方法)绑定到属性。@miqh好的,在向MyCompProps添加OnDosMething:handler:handler=>void;时,它现在编译时不会出错;。在父端,也会编译,但永远不会触发someMethod方法。我必须在道具的某个地方连接事件处理程序吗?@miqh好的,我让它运行。语法与预期略有不同。添加了OnDosMething:someParamName:string=>void;给我的道具。然后触发我添加了this.props.onDoSomethingsome消息;对燃烧测定法的改进。当一个人做对的时候,它就像一个符咒。再次感谢你的帮助!如果我理解正确,区别只是,这不是本文的问题,因为它只是意味着没有参数。问题是如何实现类似于Click me的事件处理。更新了上述帖子。
<MyComp param1="abc" param2="def" onDoSomething={this.someMethod} />