jsx-eslint/eslint-plugin-react
Ver no GitHub`react/no-unstable-nested-components` does not allow ignoring only object properties
Open
#3.482 aberto em 4 de nov. de 2022
bughelp wanted
Métricas do repositório
- Stars
- (8.630 stars)
- Métricas de merge de PR
- (Nenhuma PRs mesclada em 30d)
Description
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>