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?