jsx-eslint/eslint-plugin-react

`react/no-unstable-nested-components` does not allow ignoring only object properties

Open

#3.482 geöffnet am 4. Nov. 2022

Auf GitHub ansehen
 (1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (8.630 Stars) (2.797 Forks)batch import
bughelp wanted

Beschreibung

I would like to keep this rule active but disable it for object properties, I have this:

function MyComponent() {
  return (
    <p>
      {intl.formatMessage(messages.allSelected, {
        size: selectedEvents.size,
        b: chunks => <b>{chunks}</b>, // <-- report error here without `allowAsProps`
      })}
    </p>
  );
}

But adding the allowAsProps: true option allows me to do things like this:

<Dropdown
  Trigger={({ onClick }) => ( // <-- don't report error here with `allowAsProps`
    <button type="button" onClick={onClick}>
      Bla bla
      <span className="caret" />
    </button>
  )}
>
  {/* ... */}
</Dropdown>

Contributor Guide

Tech Stack
javascriptreact
Domain
frontendtooling
Issue Type
feature
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
half day
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
fresh
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
ESLint plugin developmentAST traversalJavaScriptReact
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
50
Research-Richtung
Investigate the implementation of the `react/no unstable nested components` rule in the eslint plugin react repository, particularly the handling of the `allowAsProps` option. The goal is to add a new option that only ignores object properties (object values) rather than all props. Key files to examine: the rule definition file (likely `lib/rules/no unstable nested components.js`) and its tests. Consider adding a new option like `allowObjectProperties` or modifying the existing `allowAsProps` to be more granular. No linked pull requests or maintainer comments are present, so the feature request is open for implementation.