jsx-eslint/eslint-plugin-react

Ignore nested components in no-multi-comp

Open

#2.842 aberto em 24 de out. de 2020

Ver no GitHub
 (2 comments) (1 reaction) (0 assignees)JavaScript (2.797 forks)batch import
help wanted

Métricas do repositório

Stars
 (8.630 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

Description

I don’t think react/no-multi-comp should trigger on nested components or should have an option to disable it. A practical example:

import { FormattedMessage } from 'react-intl';

export function App() {
  return (
    <FormattedMessage
      values={{
        link:
          // The next line triggers react/no-multi-comp
          (text: string) => <a>{text}</a>,
      }}
    />
  );
}

I suggest to add an option ignoreNested which ignores any components that aren’t declared as part of the Program node body.

Guia do colaborador