jsx-eslint/eslint-plugin-react
`react/no-unstable-nested-components` does not allow ignoring only object properties
Aperta
#3482 aperta il 4 nov 2022
bughelp wanted
Metriche repository
- Star
- (9293 stelle)
- Metriche merge PR
- (Metriche PR in attesa)
Descrizione
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>