/
home
/
techb158
/
balavpn.abdallabala.com
/
node_modules
/
eslint-plugin-react
/
lib
/
rules
/
/home/techb158/balavpn.abdallabala.com/node_modules/eslint-plugin-react/lib/rules
mkdir
upload
Name
Size
Mode
Actions
boolean-prop-naming.d.ts
126
0666
edit
dl
rm
boolean-prop-naming.d.ts.map
161
0666
edit
dl
rm
boolean-prop-naming.js
13286
0666
edit
dl
rm
button-has-type.d.ts
122
0666
edit
dl
rm
button-has-type.d.ts.map
153
0666
edit
dl
rm
button-has-type.js
4528
0666
edit
dl
rm
checked-requires-onchange-or-readonly.d.ts
144
0666
edit
dl
rm
checked-requires-onchange-or-readonly.d.ts.map
197
0666
edit
dl
rm
checked-requires-onchange-or-readonly.js
3547
0666
edit
dl
rm
default-props-match-prop-types.d.ts
137
0666
edit
dl
rm
default-props-match-prop-types.d.ts.map
183
0666
edit
dl
rm
default-props-match-prop-types.js
3468
0666
edit
dl
rm
destructuring-assignment.d.ts
131
0666
edit
dl
rm
destructuring-assignment.d.ts.map
171
0666
edit
dl
rm
destructuring-assignment.js
9888
0666
edit
dl
rm
display-name.d.ts
119
0666
edit
dl
rm
display-name.d.ts.map
147
0666
edit
dl
rm
display-name.js
9130
0666
edit
dl
rm
forbid-component-props.d.ts
129
0666
edit
dl
rm
forbid-component-props.d.ts.map
167
0666
edit
dl
rm
forbid-component-props.js
7769
0666
edit
dl
rm
forbid-dom-props.d.ts
123
0666
edit
dl
rm
forbid-dom-props.d.ts.map
155
0666
edit
dl
rm
forbid-dom-props.js
3190
0666
edit
dl
rm
forbid-elements.d.ts
122
0666
edit
dl
rm
forbid-elements.d.ts.map
153
0666
edit
dl
rm
forbid-elements.js
3200
0666
edit
dl
rm
forbid-foreign-prop-types.d.ts
132
0666
edit
dl
rm
forbid-foreign-prop-types.d.ts.map
172
0666
edit
dl
rm
forbid-foreign-prop-types.js
3714
0666
edit
dl
rm
forbid-prop-types.d.ts
124
0666
edit
dl
rm
forbid-prop-types.d.ts.map
157
0666
edit
dl
rm
forbid-prop-types.js
8859
0666
edit
dl
rm
forward-ref-uses-ref.d.ts
127
0666
edit
dl
rm
forward-ref-uses-ref.d.ts.map
163
0666
edit
dl
rm
forward-ref-uses-ref.js
3133
0666
edit
dl
rm
function-component-definition.d.ts
136
0666
edit
dl
rm
function-component-definition.d.ts.map
181
0666
edit
dl
rm
function-component-definition.js
8413
0666
edit
dl
rm
hook-use-state.d.ts
121
0666
edit
dl
rm
hook-use-state.d.ts.map
151
0666
edit
dl
rm
hook-use-state.js
7365
0666
edit
dl
rm
iframe-missing-sandbox.d.ts
129
0666
edit
dl
rm
iframe-missing-sandbox.d.ts.map
167
0666
edit
dl
rm
iframe-missing-sandbox.js
4022
0666
edit
dl
rm
index.d.ts
6479
0666
edit
dl
rm
index.d.ts.map
224
0666
edit
dl
rm
index.js
6337
0666
edit
dl
rm
jsx-boolean-value.d.ts
124
0666
edit
dl
rm
jsx-boolean-value.d.ts.map
157
0666
edit
dl
rm
jsx-boolean-value.js
4515
0666
edit
dl
rm
jsx-child-element-spacing.d.ts
132
0666
edit
dl
rm
jsx-child-element-spacing.d.ts.map
173
0666
edit
dl
rm
jsx-child-element-spacing.js
2915
0666
edit
dl
rm
jsx-closing-bracket-location.d.ts
135
0666
edit
dl
rm
jsx-closing-bracket-location.d.ts.map
179
0666
edit
dl
rm
jsx-closing-bracket-location.js
11006
0666
edit
dl
rm
jsx-closing-tag-location.d.ts
131
0666
edit
dl
rm
jsx-closing-tag-location.d.ts.map
171
0666
edit
dl
rm
jsx-closing-tag-location.js
3766
0666
edit
dl
rm
jsx-curly-brace-presence.d.ts
131
0666
edit
dl
rm
jsx-curly-brace-presence.d.ts.map
171
0666
edit
dl
rm
jsx-curly-brace-presence.js
13890
0666
edit
dl
rm
jsx-curly-newline.d.ts
124
0666
edit
dl
rm
jsx-curly-newline.d.ts.map
157
0666
edit
dl
rm
jsx-curly-newline.js
6128
0666
edit
dl
rm
jsx-curly-spacing.d.ts
124
0666
edit
dl
rm
jsx-curly-spacing.d.ts.map
157
0666
edit
dl
rm
jsx-curly-spacing.js
14795
0666
edit
dl
rm
jsx-equals-spacing.d.ts
125
0666
edit
dl
rm
jsx-equals-spacing.d.ts.map
159
0666
edit
dl
rm
jsx-equals-spacing.js
3621
0666
edit
dl
rm
jsx-filename-extension.d.ts
129
0666
edit
dl
rm
jsx-filename-extension.d.ts.map
167
0666
edit
dl
rm
jsx-filename-extension.js
3240
0666
edit
dl
rm
jsx-first-prop-new-line.d.ts
130
0666
edit
dl
rm
jsx-first-prop-new-line.d.ts.map
169
0666
edit
dl
rm
jsx-first-prop-new-line.js
2734
0666
edit
dl
rm
jsx-fragments.d.ts
120
0666
edit
dl
rm
jsx-fragments.d.ts.map
149
0666
edit
dl
rm
jsx-fragments.js
7043
0666
edit
dl
rm
jsx-handler-names.d.ts
124
0666
edit
dl
rm
jsx-handler-names.d.ts.map
157
0666
edit
dl
rm
jsx-handler-names.js
6347
0666
edit
dl
rm
jsx-indent-props.d.ts
123
0666
edit
dl
rm
jsx-indent-props.d.ts.map
155
0666
edit
dl
rm
jsx-indent-props.js
6579
0666
edit
dl
rm
jsx-indent.d.ts
117
0666
edit
dl
rm
jsx-indent.d.ts.map
143
0666
edit
dl
rm
jsx-indent.js
14681
0666
edit
dl
rm
jsx-key.d.ts
114
0666
edit
dl
rm
jsx-key.d.ts.map
137
0666
edit
dl
rm
jsx-key.js
10172
0666
edit
dl
rm
jsx-max-depth.d.ts
120
0666
edit
dl
rm
jsx-max-depth.d.ts.map
149
0666
edit
dl
rm
jsx-max-depth.js
4133
0666
edit
dl
rm
jsx-max-props-per-line.d.ts
129
0666
edit
dl
rm
jsx-max-props-per-line.d.ts.map
167
0666
edit
dl
rm
jsx-max-props-per-line.js
4162
0666
edit
dl
rm
jsx-newline.d.ts
118
0666
edit
dl
rm
jsx-newline.d.ts.map
145
0666
edit
dl
rm
jsx-newline.js
5044
0666
edit
dl
rm
jsx-no-bind.d.ts
118
0666
edit
dl
rm
jsx-no-bind.d.ts.map
145
0666
edit
dl
rm
jsx-no-bind.js
6172
0666
edit
dl
rm
jsx-no-comment-textnodes.d.ts
131
0666
edit
dl
rm
jsx-no-comment-textnodes.d.ts.map
171
0666
edit
dl
rm
jsx-no-comment-textnodes.js
1847
0666
edit
dl
rm
jsx-no-constructed-context-values.d.ts
140
0666
edit
dl
rm
jsx-no-constructed-context-values.d.ts.map
189
0666
edit
dl
rm
jsx-no-constructed-context-values.js
8778
0666
edit
dl
rm
jsx-no-duplicate-props.d.ts
129
0666
edit
dl
rm
jsx-no-duplicate-props.d.ts.map
167
0666
edit
dl
rm
jsx-no-duplicate-props.js
1697
0666
edit
dl
rm
jsx-no-leaked-render.d.ts
127
0666
edit
dl
rm
jsx-no-leaked-render.d.ts.map
163
0666
edit
dl
rm
jsx-no-leaked-render.js
7618
0666
edit
dl
rm
jsx-no-literals.d.ts
926
0666
edit
dl
rm
jsx-no-literals.d.ts.map
128
0666
edit
dl
rm
jsx-no-literals.js
16912
0666
edit
dl
rm
jsx-no-script-url.d.ts
124
0666
edit
dl
rm
jsx-no-script-url.d.ts.map
157
0666
edit
dl
rm
jsx-no-script-url.js
4156
0666
edit
dl
rm
jsx-no-target-blank.d.ts
126
0666
edit
dl
rm
jsx-no-target-blank.d.ts.map
161
0666
edit
dl
rm
jsx-no-target-blank.js
11018
0666
edit
dl
rm
jsx-no-undef.d.ts
119
0666
edit
dl
rm
jsx-no-undef.d.ts.map
147
0666
edit
dl
rm
jsx-no-undef.js
3157
0666
edit
dl
rm
jsx-no-useless-fragment.d.ts
130
0666
edit
dl
rm
jsx-no-useless-fragment.d.ts.map
169
0666
edit
dl
rm
jsx-no-useless-fragment.js
7018
0666
edit
dl
rm
jsx-one-expression-per-line.d.ts
134
0666
edit
dl
rm
jsx-one-expression-per-line.d.ts.map
177
0666
edit
dl
rm
jsx-one-expression-per-line.js
7949
0666
edit
dl
rm
jsx-pascal-case.d.ts
122
0666
edit
dl
rm
jsx-pascal-case.d.ts.map
153
0666
edit
dl
rm
jsx-pascal-case.js
4594
0666
edit
dl
rm
jsx-props-no-multi-spaces.d.ts
132
0666
edit
dl
rm
jsx-props-no-multi-spaces.d.ts.map
173
0666
edit
dl
rm
jsx-props-no-multi-spaces.js
3900
0666
edit
dl
rm
jsx-props-no-spread-multi.d.ts
132
0666
edit
dl
rm
jsx-props-no-spread-multi.d.ts.map
173
0666
edit
dl
rm
jsx-props-no-spread-multi.js
1527
0666
edit
dl
rm
jsx-props-no-spreading.d.ts
129
0666
edit
dl
rm
jsx-props-no-spreading.d.ts.map
167
0666
edit
dl
rm
jsx-props-no-spreading.js
4174
0666
edit
dl
rm
jsx-sort-default-props.d.ts
129
0666
edit
dl
rm
jsx-sort-default-props.d.ts.map
167
0666
edit
dl
rm
jsx-sort-default-props.js
5635
0666
edit
dl
rm
jsx-sort-props.d.ts
121
0666
edit
dl
rm
jsx-sort-props.d.ts.map
151
0666
edit
dl
rm
jsx-sort-props.js
18241
0666
edit
dl
rm
jsx-space-before-closing.d.ts
131
0666
edit
dl
rm
jsx-space-before-closing.d.ts.map
171
0666
edit
dl
rm
jsx-space-before-closing.js
3049
0666
edit
dl
rm
jsx-tag-spacing.d.ts
122
0666
edit
dl
rm
jsx-tag-spacing.d.ts.map
153
0666
edit
dl
rm
jsx-tag-spacing.js
10677
0666
edit
dl
rm
jsx-uses-react.d.ts
121
0666
edit
dl
rm
jsx-uses-react.d.ts.map
150
0666
edit
dl
rm
jsx-uses-react.js
1572
0666
edit
dl
rm
jsx-uses-vars.d.ts
120
0666
edit
dl
rm
jsx-uses-vars.d.ts.map
149
0666
edit
dl
rm
jsx-uses-vars.js
1655
0666
edit
dl
rm
jsx-wrap-multilines.d.ts
126
0666
edit
dl
rm
jsx-wrap-multilines.d.ts.map
161
0666
edit
dl
rm
jsx-wrap-multilines.js
8442
0666
edit
dl
rm
no-access-state-in-setstate.d.ts
134
0666
edit
dl
rm
no-access-state-in-setstate.d.ts.map
177
0666
edit
dl
rm
no-access-state-in-setstate.js
6790
0666
edit
dl
rm
no-adjacent-inline-elements.d.ts
134
0666
edit
dl
rm
no-adjacent-inline-elements.d.ts.map
177
0666
edit
dl
rm
no-adjacent-inline-elements.js
3139
0666
edit
dl
rm
no-array-index-key.d.ts
125
0666
edit
dl
rm
no-array-index-key.d.ts.map
159
0666
edit
dl
rm
no-array-index-key.js
7509
0666
edit
dl
rm
no-arrow-function-lifecycle.d.ts
134
0666
edit
dl
rm
no-arrow-function-lifecycle.d.ts.map
177
0666
edit
dl
rm
no-arrow-function-lifecycle.js
5163
0666
edit
dl
rm
no-children-prop.d.ts
123
0666
edit
dl
rm
no-children-prop.d.ts.map
155
0666
edit
dl
rm
no-children-prop.js
3968
0666
edit
dl
rm
no-danger-with-children.d.ts
130
0666
edit
dl
rm
no-danger-with-children.d.ts.map
169
0666
edit
dl
rm
no-danger-with-children.js
5187
0666
edit
dl
rm
no-danger.d.ts
116
0666
edit
dl
rm
no-danger.d.ts.map
141
0666
edit
dl
rm
no-danger.js
2695
0666
edit
dl
rm
no-deprecated.d.ts
120
0666
edit
dl
rm
no-deprecated.d.ts.map
149
0666
edit
dl
rm
no-deprecated.js
9961
0666
edit
dl
rm
no-did-mount-set-state.d.ts
129
0666
edit
dl
rm
no-did-mount-set-state.d.ts.map
166
0666
edit
dl
rm
no-did-mount-set-state.js
308
0666
edit
dl
rm
no-did-update-set-state.d.ts
130
0666
edit
dl
rm
no-did-update-set-state.d.ts.map
168
0666
edit
dl
rm
no-did-update-set-state.js
310
0666
edit
dl
rm
no-direct-mutation-state.d.ts
131
0666
edit
dl
rm
no-direct-mutation-state.d.ts.map
171
0666
edit
dl
rm
no-direct-mutation-state.js
4591
0666
edit
dl
rm
no-find-dom-node.d.ts
123
0666
edit
dl
rm
no-find-dom-node.d.ts.map
155
0666
edit
dl
rm
no-find-dom-node.js
1389
0666
edit
dl
rm
no-invalid-html-attribute.d.ts
132
0666
edit
dl
rm
no-invalid-html-attribute.d.ts.map
174
0666
edit
dl
rm
no-invalid-html-attribute.js
16601
0666
edit
dl
rm
no-is-mounted.d.ts
120
0666
edit
dl
rm
no-is-mounted.d.ts.map
149
0666
edit
dl
rm
no-is-mounted.js
1522
0666
edit
dl
rm
no-multi-comp.d.ts
120
0666
edit
dl
rm
no-multi-comp.d.ts.map
149
0666
edit
dl
rm
no-multi-comp.js
2066
0666
edit
dl
rm
no-namespace.d.ts
119
0666
edit
dl
rm
no-namespace.d.ts.map
147
0666
edit
dl
rm
no-namespace.js
1744
0666
edit
dl
rm
no-object-type-as-default-prop.d.ts
137
0666
edit
dl
rm
no-object-type-as-default-prop.d.ts.map
183
0666
edit
dl
rm
no-object-type-as-default-prop.js
3285
0666
edit
dl
rm
no-redundant-should-component-update.d.ts
143
0666
edit
dl
rm
no-redundant-should-component-update.d.ts.map
195
0666
edit
dl
rm
no-redundant-should-component-update.js
2437
0666
edit
dl
rm
no-render-return-value.d.ts
129
0666
edit
dl
rm
no-render-return-value.d.ts.map
167
0666
edit
dl
rm
no-render-return-value.js
2308
0666
edit
dl
rm
no-set-state.d.ts
119
0666
edit
dl
rm
no-set-state.d.ts.map
147
0666
edit
dl
rm
no-set-state.js
2374
0666
edit
dl
rm
no-string-refs.d.ts
121
0666
edit
dl
rm
no-string-refs.d.ts.map
151
0666
edit
dl
rm
no-string-refs.js
3770
0666
edit
dl
rm
no-this-in-sfc.d.ts
121
0666
edit
dl
rm
no-this-in-sfc.d.ts.map
151
0666
edit
dl
rm
no-this-in-sfc.js
1326
0666
edit
dl
rm
no-typos.d.ts
115
0666
edit
dl
rm
no-typos.d.ts.map
139
0666
edit
dl
rm
no-typos.js
8930
0666
edit
dl
rm
no-unescaped-entities.d.ts
128
0666
edit
dl
rm
no-unescaped-entities.d.ts.map
165
0666
edit
dl
rm
no-unescaped-entities.js
4773
0666
edit
dl
rm
no-unknown-property.d.ts
126
0666
edit
dl
rm
no-unknown-property.d.ts.map
162
0666
edit
dl
rm
no-unknown-property.js
28149
0666
edit
dl
rm
no-unsafe.d.ts
116
0666
edit
dl
rm
no-unsafe.d.ts.map
141
0666
edit
dl
rm
no-unsafe.js
4442
0666
edit
dl
rm
no-unstable-nested-components.d.ts
136
0666
edit
dl
rm
no-unstable-nested-components.d.ts.map
181
0666
edit
dl
rm
no-unstable-nested-components.js
15517
0666
edit
dl
rm
no-unused-class-component-methods.d.ts
140
0666
edit
dl
rm
no-unused-class-component-methods.d.ts.map
189
0666
edit
dl
rm
no-unused-class-component-methods.js
6795
0666
edit
dl
rm
no-unused-prop-types.d.ts
127
0666
edit
dl
rm
no-unused-prop-types.d.ts.map
163
0666
edit
dl
rm
no-unused-prop-types.js
4897
0666
edit
dl
rm
no-unused-state.d.ts
122
0666
edit
dl
rm
no-unused-state.d.ts.map
153
0666
edit
dl
rm
no-unused-state.js
16159
0666
edit
dl
rm
no-will-update-set-state.d.ts
131
0666
edit
dl
rm
no-will-update-set-state.d.ts.map
170
0666
edit
dl
rm
no-will-update-set-state.js
441
0666
edit
dl
rm
prefer-es6-class.d.ts
123
0666
edit
dl
rm
prefer-es6-class.d.ts.map
155
0666
edit
dl
rm
prefer-es6-class.js
1572
0666
edit
dl
rm
prefer-exact-props.d.ts
125
0666
edit
dl
rm
prefer-exact-props.d.ts.map
159
0666
edit
dl
rm
prefer-exact-props.js
5045
0666
edit
dl
rm
prefer-read-only-props.d.ts
129
0666
edit
dl
rm
prefer-read-only-props.d.ts.map
167
0666
edit
dl
rm
prefer-read-only-props.js
3069
0666
edit
dl
rm
prefer-stateless-function.d.ts
132
0666
edit
dl
rm
prefer-stateless-function.d.ts.map
173
0666
edit
dl
rm
prefer-stateless-function.js
12952
0666
edit
dl
rm
prop-types.d.ts
117
0666
edit
dl
rm
prop-types.d.ts.map
143
0666
edit
dl
rm
prop-types.js
7417
0666
edit
dl
rm
react-in-jsx-scope.d.ts
125
0666
edit
dl
rm
react-in-jsx-scope.d.ts.map
159
0666
edit
dl
rm
react-in-jsx-scope.js
1328
0666
edit
dl
rm
require-default-props.d.ts
128
0666
edit
dl
rm
require-default-props.d.ts.map
165
0666
edit
dl
rm
require-default-props.js
7361
0666
edit
dl
rm
require-optimization.d.ts
127
0666
edit
dl
rm
require-optimization.d.ts.map
163
0666
edit
dl
rm
require-optimization.js
7076
0666
edit
dl
rm
require-render-return.d.ts
128
0666
edit
dl
rm
require-render-return.d.ts.map
165
0666
edit
dl
rm
require-render-return.js
3237
0666
edit
dl
rm
self-closing-comp.d.ts
124
0666
edit
dl
rm
self-closing-comp.d.ts.map
157
0666
edit
dl
rm
self-closing-comp.js
2930
0666
edit
dl
rm
sort-comp.d.ts
116
0666
edit
dl
rm
sort-comp.d.ts.map
141
0666
edit
dl
rm
sort-comp.js
13733
0666
edit
dl
rm
sort-default-props.d.ts
125
0666
edit
dl
rm
sort-default-props.d.ts.map
159
0666
edit
dl
rm
sort-default-props.js
5233
0666
edit
dl
rm
sort-prop-types.d.ts
122
0666
edit
dl
rm
sort-prop-types.d.ts.map
153
0666
edit
dl
rm
sort-prop-types.js
10155
0666
edit
dl
rm
state-in-constructor.d.ts
127
0666
edit
dl
rm
state-in-constructor.d.ts.map
163
0666
edit
dl
rm
state-in-constructor.js
1921
0666
edit
dl
rm
static-property-placement.d.ts
132
0666
edit
dl
rm
static-property-placement.d.ts.map
173
0666
edit
dl
rm
static-property-placement.js
6734
0666
edit
dl
rm
style-prop-object.d.ts
124
0666
edit
dl
rm
style-prop-object.d.ts.map
157
0666
edit
dl
rm
style-prop-object.js
4134
0666
edit
dl
rm
void-dom-elements-no-children.d.ts
136
0666
edit
dl
rm
void-dom-elements-no-children.d.ts.map
181
0666
edit
dl
rm
void-dom-elements-no-children.js
4133
0666
edit
dl
rm
Edit:
/home/techb158/balavpn.abdallabala.com/node_modules/eslint-plugin-react/lib/rules/jsx-key.js
(10172B)
/** * @fileoverview Report missing `key` props in iterators/collection literals. * @author Ben Mosher */ 'use strict'; const hasProp = require('jsx-ast-utils/hasProp'); const propName = require('jsx-ast-utils/propName'); const values = require('object.values'); const docsUrl = require('../util/docsUrl'); const pragmaUtil = require('../util/pragma'); const report = require('../util/report'); const astUtil = require('../util/ast'); const getText = require('../util/eslint').getText; // ------------------------------------------------------------------------------ // Rule Definition // ------------------------------------------------------------------------------ const defaultOptions = { checkFragmentShorthand: false, checkKeyMustBeforeSpread: false, warnOnDuplicates: false, }; const messages = { missingIterKey: 'Missing "key" prop for element in iterator', missingIterKeyUsePrag: 'Missing "key" prop for element in iterator. Shorthand fragment syntax does not support providing keys. Use {{reactPrag}}.{{fragPrag}} instead', missingArrayKey: 'Missing "key" prop for element in array', missingArrayKeyUsePrag: 'Missing "key" prop for element in array. Shorthand fragment syntax does not support providing keys. Use {{reactPrag}}.{{fragPrag}} instead', keyBeforeSpread: '`key` prop must be placed before any `{...spread}, to avoid conflicting with React’s new JSX transform: https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html`', nonUniqueKeys: '`key` prop must be unique', }; /** @type {import('eslint').Rule.RuleModule} */ module.exports = { meta: { docs: { description: 'Disallow missing `key` props in iterators/collection literals', category: 'Possible Errors', recommended: true, url: docsUrl('jsx-key'), }, messages, schema: [{ type: 'object', properties: { checkFragmentShorthand: { type: 'boolean', default: defaultOptions.checkFragmentShorthand, }, checkKeyMustBeforeSpread: { type: 'boolean', default: defaultOptions.checkKeyMustBeforeSpread, }, warnOnDuplicates: { type: 'boolean', default: defaultOptions.warnOnDuplicates, }, }, additionalProperties: false, }], }, create(context) { const options = Object.assign({}, defaultOptions, context.options[0]); const checkFragmentShorthand = options.checkFragmentShorthand; const checkKeyMustBeforeSpread = options.checkKeyMustBeforeSpread; const warnOnDuplicates = options.warnOnDuplicates; const reactPragma = pragmaUtil.getFromContext(context); const fragmentPragma = pragmaUtil.getFragmentFromContext(context); function isKeyAfterSpread(attributes) { let hasFoundSpread = false; return attributes.some((attribute) => { if (attribute.type === 'JSXSpreadAttribute') { hasFoundSpread = true; return false; } if (attribute.type !== 'JSXAttribute') { return false; } return hasFoundSpread && propName(attribute) === 'key'; }); } function checkIteratorElement(node) { if (node.type === 'JSXElement') { if (!hasProp(node.openingElement.attributes, 'key')) { report(context, messages.missingIterKey, 'missingIterKey', { node }); } else { const attrs = node.openingElement.attributes; if (checkKeyMustBeforeSpread && isKeyAfterSpread(attrs)) { report(context, messages.keyBeforeSpread, 'keyBeforeSpread', { node }); } } } else if (checkFragmentShorthand && node.type === 'JSXFragment') { report(context, messages.missingIterKeyUsePrag, 'missingIterKeyUsePrag', { node, data: { reactPrag: reactPragma, fragPrag: fragmentPragma, }, }); } } function getReturnStatements(node) { const returnStatements = arguments[1] || []; if (node.type === 'IfStatement') { if (node.consequent) { getReturnStatements(node.consequent, returnStatements); } if (node.alternate) { getReturnStatements(node.alternate, returnStatements); } } else if (node.type === 'ReturnStatement') { returnStatements.push(node); } else if (Array.isArray(node.body)) { node.body.forEach((item) => { if (item.type === 'IfStatement') { getReturnStatements(item, returnStatements); } if (item.type === 'ReturnStatement') { returnStatements.push(item); } }); } return returnStatements; } /** * Checks if the given node is a function expression or arrow function, * and checks if there is a missing key prop in return statement's arguments * @param {ASTNode} node */ function checkFunctionsBlockStatement(node) { if (astUtil.isFunctionLikeExpression(node)) { if (node.body.type === 'BlockStatement') { getReturnStatements(node.body) .filter((returnStatement) => returnStatement && returnStatement.argument) .forEach((returnStatement) => { checkIteratorElement(returnStatement.argument); }); } } } /** * Checks if the given node is an arrow function that has an JSX Element or JSX Fragment in its body, * and the JSX is missing a key prop * @param {ASTNode} node */ function checkArrowFunctionWithJSX(node) { const isArrFn = node && node.type === 'ArrowFunctionExpression'; const shouldCheckNode = (n) => n && (n.type === 'JSXElement' || n.type === 'JSXFragment'); if (isArrFn && shouldCheckNode(node.body)) { checkIteratorElement(node.body); } if (node.body.type === 'ConditionalExpression') { if (shouldCheckNode(node.body.consequent)) { checkIteratorElement(node.body.consequent); } if (shouldCheckNode(node.body.alternate)) { checkIteratorElement(node.body.alternate); } } else if (node.body.type === 'LogicalExpression' && shouldCheckNode(node.body.right)) { checkIteratorElement(node.body.right); } } const childrenToArraySelector = `:matches( CallExpression [callee.object.object.name=${reactPragma}] [callee.object.property.name=Children] [callee.property.name=toArray], CallExpression [callee.object.name=Children] [callee.property.name=toArray] )`.replace(/\s/g, ''); let isWithinChildrenToArray = false; const seen = new WeakSet(); return { [childrenToArraySelector]() { isWithinChildrenToArray = true; }, [`${childrenToArraySelector}:exit`]() { isWithinChildrenToArray = false; }, 'ArrayExpression, JSXElement > JSXElement'(node) { if (isWithinChildrenToArray) { return; } const jsx = (node.type === 'ArrayExpression' ? node.elements : node.parent.children).filter((x) => x && x.type === 'JSXElement'); if (jsx.length === 0) { return; } const map = {}; jsx.forEach((element) => { const attrs = element.openingElement.attributes; const keys = attrs.filter((x) => x.name && x.name.name === 'key'); if (keys.length === 0) { if (node.type === 'ArrayExpression') { report(context, messages.missingArrayKey, 'missingArrayKey', { node: element, }); } } else { keys.forEach((attr) => { const value = getText(context, attr.value); if (!map[value]) { map[value] = []; } map[value].push(attr); if (checkKeyMustBeforeSpread && isKeyAfterSpread(attrs)) { report(context, messages.keyBeforeSpread, 'keyBeforeSpread', { node: node.type === 'ArrayExpression' ? node : node.parent, }); } }); } }); if (warnOnDuplicates) { values(map).filter((v) => v.length > 1).forEach((v) => { v.forEach((n) => { if (!seen.has(n)) { seen.add(n); report(context, messages.nonUniqueKeys, 'nonUniqueKeys', { node: n, }); } }); }); } }, JSXFragment(node) { if (!checkFragmentShorthand || isWithinChildrenToArray) { return; } if (node.parent.type === 'ArrayExpression') { report(context, messages.missingArrayKeyUsePrag, 'missingArrayKeyUsePrag', { node, data: { reactPrag: reactPragma, fragPrag: fragmentPragma, }, }); } }, // Array.prototype.map // eslint-disable-next-line no-multi-str 'CallExpression[callee.type="MemberExpression"][callee.property.name="map"],\ CallExpression[callee.type="OptionalMemberExpression"][callee.property.name="map"],\ OptionalCallExpression[callee.type="MemberExpression"][callee.property.name="map"],\ OptionalCallExpression[callee.type="OptionalMemberExpression"][callee.property.name="map"]'(node) { if (isWithinChildrenToArray) { return; } const fn = node.arguments.length > 0 && node.arguments[0]; if (!fn || !astUtil.isFunctionLikeExpression(fn)) { return; } checkArrowFunctionWithJSX(fn); checkFunctionsBlockStatement(fn); }, // Array.from 'CallExpression[callee.type="MemberExpression"][callee.property.name="from"]'(node) { if (isWithinChildrenToArray) { return; } const fn = node.arguments.length > 1 && node.arguments[1]; if (!astUtil.isFunctionLikeExpression(fn)) { return; } checkArrowFunctionWithJSX(fn); checkFunctionsBlockStatement(fn); }, }; }, };
Save
cmd:
run