no-this-in-sfc.js 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. /**
  2. * @fileoverview Report "this" being used in stateless functional components.
  3. */
  4. 'use strict';
  5. const Components = require('../util/Components');
  6. const docsUrl = require('../util/docsUrl');
  7. const report = require('../util/report');
  8. // ------------------------------------------------------------------------------
  9. // Rule Definition
  10. // ------------------------------------------------------------------------------
  11. const messages = {
  12. noThisInSFC: 'Stateless functional components should not use `this`',
  13. };
  14. module.exports = {
  15. meta: {
  16. docs: {
  17. description: 'Disallow `this` from being used in stateless functional components',
  18. category: 'Possible Errors',
  19. recommended: false,
  20. url: docsUrl('no-this-in-sfc'),
  21. },
  22. messages,
  23. schema: [],
  24. },
  25. create: Components.detect((context, components, utils) => ({
  26. MemberExpression(node) {
  27. if (node.object.type === 'ThisExpression') {
  28. const component = components.get(utils.getParentStatelessComponent());
  29. if (!component || (component.node && component.node.parent && component.node.parent.type === 'Property')) {
  30. return;
  31. }
  32. report(context, messages.noThisInSFC, 'noThisInSFC', {
  33. node,
  34. });
  35. }
  36. },
  37. })),
  38. };