React无状态组件中的事件处理程序-EventHandlersinReactStatelessComponents

28  

Applying handlers to elements in function components should generally just look like this:

将处理程序应用于函数组件中的元素通常应如下所示:

const f = props => 

If you need to do anything more complex, like creating the handlers, binding them, or anything like that it's a sign that either a) the component shouldn't be stateless, or b) you should be creating the handler in an outer stateful container component.

如果你需要做更复杂的事情,比如创建处理程序,绑定它们,或者类似的东西,它是a)组件不应该是无状态的标志,或者b)你应该在外部有状态容器中创建处理程序零件。

As an aside, and undermining my first point slightly, unless the component is in a particularly intensively re-rendered part of the app there's no need to worry about creating arrow functions in render().

顺便说一句,稍微破坏我的第一点,除非组件处于应用程序的特别密集重新渲染的部分,否则无需担心在render()中创建箭头函数。

10  

How about this way :

这样怎么样:

const myHandler = (e,props) => props.dispatch(something());

const myCompOnent= (props) =&g