Manipuladores de eventos em reagir componentes sem estado
Tentando descobrir uma maneira ideal de criar manipuladores de eventos nos componentes React sem estado. Eu poderia fazer algo assim:
const myComponent = (props) => {
const myHandler = (e) => props.dispatch(something());
return (
<button onClick={myHandler}>Click Me</button>
);
}
A desvantagem aqui é que toda vez que esse componente é renderizado, uma nova função "myHandler" é criada. Existe uma maneira melhor de criar manipuladores de eventos em componentes sem estado que ainda possam acessar as propriedades do componente?