-
257 |
- 260 | {text0} 261 | 262 |
- 265 | {text1} 266 | 267 |
`, `` 等）不应该绑定事件响应函数（如 `onClick`, `onKeyUp`）等。
273 |
274 | **规则被关闭**，因为经常会写如下代码：
275 |
276 | ``` jsx{2}
277 |
472 | { 'Hello' }
473 | { ' ' }
474 | { 'World' }
475 |
476 | ```
477 |
478 | **规则被关闭**，因为经常会写出如下代码，省略不必要的换行：
479 |
480 | ``` jsx
481 |
482 | Hello, { userName }! Welcome to IMWeb!
483 |
484 | ```
485 |
486 | ### [react/no-did-mount-set-state](https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/no-did-mount-set-state.md)
487 |
488 | 在 React 中，规定不允许在 `componentDidMount()` 生命周期函数中调用 `this.setState()` 函数，要不然会引起二次 `render`。
489 |
490 | **规则被关闭**，*关闭原因待补充*。
491 |
492 | ### [react/prop-types](https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/prop-types.md)
493 |
494 | 在 React 中，规定每一个组件都应该声明 `PropTypes`。
495 |
496 | **规则被关闭**，仅在核心组件声明 `PropTypes` 即可。
497 |
498 | ### [space-before-function-paren](https://eslint.org/docs/rules/space-before-function-paren)
499 |
500 | 规定在普通函数、匿名函数、箭头函数的 `()` 前是否需要添加空格。
501 |
502 | **规则被关闭**，无明显收益。
--------------------------------------------------------------------------------
280 | {text}
281 |
282 | ```
283 |
284 | ### [max-len](https://eslint.org/docs/rules/max-len)
285 |
286 | 规定代码每一行的最大长度。
287 |
288 | **规则被开启**，配置为：
289 |
290 | ``` js
291 | 'max-len': [
292 | 2,
293 | {
294 | code: 120,
295 | // 忽略链接，例如 'https://www.example.com/really/long'
296 | ignoreUrls: true,
297 | // 忽略字符串，例如 'this is a really long string!'
298 | ignoreStrings: true,
299 | // 忽略模版字符串，例如 `this is a long ${template} literal!`
300 | ignoreTemplateLiterals: true,
301 | },
302 | ]
303 | ```
304 |
305 | ### [no-empty](https://eslint.org/docs/rules/no-empty)
306 |
307 | 规定不允许空的代码块。
308 |
309 | **规则被开启**，配置为：
310 |
311 | ``` js
312 | 'no-empty': [
313 | 'error',
314 | {
315 | // 允许空的的 try { ... } catch(e) {}
316 | allowEmptyCatch: true,
317 | }
318 | ]
319 | ```
320 |
321 | ### [no-mixed-operators](https://eslint.org/docs/rules/no-mixed-operators)
322 |
323 | 规定不允许混用不同类型的运算符，例如：
324 | - 位运算符，如：`&`, `|`, `^`, `~`, `<<`, `>>`, `>>>`
325 | - 逻辑运算符，如：`&&`, `||`
326 |
327 | ``` js
328 | // Bad
329 | const foo = a && b < 0 || c > 0;
330 |
331 | // Good
332 | const foo = (a && b < 0) || c > 0;
333 | ```
334 |
335 | **规则被开启**，以增加可读性，也更易修改。
336 |
337 | ### [no-param-reassign](https://eslint.org/docs/rules/no-param-reassign)
338 |
339 | 规定不允许对函数的参数重新赋值，例如：
340 |
341 | ``` js
342 | function foo(bar) {
343 | bar = 13;
344 | }
345 | ```
346 |
347 | **规则被关闭**，*关闭原因待补充*。
348 |
349 |
350 | ### [no-plusplus](https://eslint.org/docs/rules/no-plusplus)
351 |
352 | 规定不允许使用 `++` 自增运算符。
353 |
354 | **规则被关闭**，因为经常会写如下代码：
355 |
356 | ``` js{1}
357 | for (i = 0; i < 10; i++) {
358 | doSomething();
359 | }
360 | ```
361 |
362 | ### [no-return-assign](https://eslint.org/docs/rules/no-return-assign)
363 |
364 | 规定不允许在 `return` 语句里赋值，例如：
365 |
366 | ``` js
367 | return x = 1;
368 | ```
369 |
370 | **规则被关闭**，*关闭原因待补充*。
371 |
372 | ### [no-sync](https://eslint.org/docs/rules/no-sync)
373 |
374 | 规定不允许在 Node.js 中使用同步的操作，例如 `fs.existsSync()` 等。
375 |
376 | **规则被设置为警告级别**，因为在写某些小工具时，使用同步方法较为简单，但在生产环境还是应该尽量使用异步操作。
377 |
378 | ### [no-underscore-dangle](https://eslint.org/docs/rules/no-underscore-dangle)
379 |
380 | 规定不允许在变量名中出现下划线。
381 |
382 | **规则被关闭**，因为这种用法很常见。
383 |
384 | ### [object-curly-newline](https://eslint.org/docs/rules/object-curly-newline)
385 |
386 | 规定在声明对象自变量时，`{}` 首尾必须换行。
387 |
388 | **规则被关闭**，因为经常会写出如下代码：
389 |
390 | ``` js
391 | const obj = {};
392 | const obj = { x };
393 | ```
394 |
395 | ### [prefer-const](https://eslint.org/docs/rules/prefer-const)
396 |
397 | 规定初始化后不再被修改的变量应用 `const` 声明。
398 |
399 | **规则被开启**，可有有效避免修改常量。
400 |
401 | ### [prefer-destructuring](https://eslint.org/docs/rules/prefer-destructuring)
402 |
403 | 规定可以使用解构时应采用。
404 |
405 | **规则被开启**，被配置为：
406 |
407 | ``` js
408 | 'prefer-destructuring':
409 | [
410 | 'error',
411 | {
412 | VariableDeclarator: {
413 | // 数组不强求用解构
414 | array: false,
415 | // 对象强制使用解构
416 | object: true,
417 | },
418 | ]
419 | ```
420 |
421 | ### [react/destructuring-assignment](https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/destructuring-assignment.md)
422 |
423 | 在 React 中，规定向 `props`, `state`, `context` 赋值时，应使用解构，例如：
424 |
425 | ``` jsx{3,9}
426 | // Bad
427 | const MyComponent = (props) => {
428 | return ()
429 | };
430 |
431 | // Good
432 | const MyComponent = (props) => {
433 | const { id } = props;
434 | return ()
435 | };
436 | ```
437 |
438 | **规则被关闭**，因为只需使用一次时无需解构，节省代码量。
439 |
440 | ### [react/forbid-prop-types](https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/forbid-prop-types.md)
441 |
442 | 在 React 中，规定在使用 `PropTypes` 时，不允许使用 `any`, `array`, `object` 类型，例如：
443 |
444 | ``` jsx
445 | // Bad
446 | class Component extends React.Component {
447 | static propTypes = {
448 | a: PropTypes.any,
449 | r: PropTypes.array,
450 | o: PropTypes.object
451 | }
452 | render() {
453 | return ;
454 | }
455 | }
456 | ```
457 |
458 | **规则被关闭**，使用 `array` 等较为常见。
459 |
460 | ### [react/jsx-filename-extension](https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-filename-extension.md)
461 |
462 | 在 React 中，规定 JSX 代码只能在后缀名为 `.jsx` 的文件中。
463 |
464 | **规则被关闭**，因为有时会在 `.js` 或自定义格式的文件中使用 JSX 代码。
465 |
466 | ### [react/jsx-one-expression-per-line](https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-one-expression-per-line.md)
467 |
468 | 在 React 中，规定每个语句一行，例如：
469 |
470 | ``` jsx
471 |