Configuration of react/jsx-no-bind allows to use arrow functions, while the style guide prohibits it

The current configuration of `react/jsx-no-bind` allows to use arrow functions as event handlers (and ignores the use of bind in DOM components too): https://github.com/airbnb/javascript/blob/master/packages/eslint-config-airbnb/rules/react.js#L104


However, here's what the style guide has to say bout this:

---


---

1. I agree with the guide's argument and belive that it would be best to update the rule configuration to match it. Using arrow function to initialize an event handler creates a brand new function on each render same as `bind()` does, which can lead to unnecessary re-renders.

2. To be honest, I'd even turn `ignoreDOMComponents` to `false` too — it is unclear why DOM components deserve a different treatment. I'd say the reasoning from the style guide fully applies to them too.

3. If, however, there is some reasoning behind these exceptions — then the style guide should probably reflect it.

Comienza en packages/eslint-config-airbnb/rules/react.js#L104 y compara las excepciones de react/jsx-no-bind con las directrices del JavaScript style guide referenciado. Revisa las preguntas abiertas sobre las funciones flecha y los componentes DOM; se considera terminado cuando la configuración y la guía coincidan, o cuando esté documentada la justificación para mantener una excepción.

Escrito por el modelo de indexación a partir del texto del issue.