noDuplicateJsxProps
Diagnostic Category: lint/suspicious/noDuplicateJsxProps
Since: v1.0.0
Sources:
- Same as:
react/jsx-no-duplicate-props
Description
Section titled DescriptionPrevents JSX properties to be assigned multiple times.
Examples
Section titled ExamplesInvalid
Section titled Invalid<Hello name="John" name="John" />code-block.jsx:1:8 lint/suspicious/noDuplicateJsxProps ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ This JSX property is assigned multiple times.
> 1 │ <Hello name=“John” name=“John” />
│ ^^^^^^^^^^^
2 │
ℹ This attribute is assigned again here.
> 1 │ <Hello name=“John” name=“John” />
│ ^^^^^^^^^^^
2 │
<label xml:lang="en-US" xml:lang="en-US"></label>code-block.jsx:1:8 lint/suspicious/noDuplicateJsxProps ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ This JSX property is assigned multiple times.
> 1 │ <label xml:lang=“en-US” xml:lang=“en-US”></label>
│ ^^^^^^^^^^^^^^^^
2 │
ℹ This attribute is assigned again here.
> 1 │ <label xml:lang=“en-US” xml:lang=“en-US”></label>
│ ^^^^^^^^^^^^^^^^
2 │
Valid
Section titled Valid<Hello firstname="John" lastname="Doe" /><label xml:lang="en-US" lang="en-US"></label>How to configure
Section titled How to configure{ "linter": { "rules": { "suspicious": { "noDuplicateJsxProps": "error" } } }}