readme 中 react 部分的一些疑惑

[GitHubJian]

对于 react + ts 项目，按照 readme 中的配置，添加 @ecomfe/eslint-config/react 后，会对 tsx 中的 interface 报一些未定义的错误，经过源码阅读与个人尝试，对于这类项目 @ecomfe/eslint-config/typescript 更加合适，所以是否需要升级一下 readme 呢？

[Justineo]

应该是两个一起使用的。

[otakustay]

2个都用的情况下也会报这些错吗？

[GitHubJian]

extends: ['@ecomfe/eslint-config', '@ecomfe/eslint-config/typescript', '@ecomfe/eslint-config/react']
typescript & react 的顺序前后都试过了
两个一起用不会报错，这个 rule [react/jsx-indent] 就会导致格式上出现了问题，会出现超长的缩进
有 @ecomfe/eslint-config/react 配置 lint 的结果

无 @ecomfe/eslint-config/react 配置lint的结果

可以很明显的看出来两种格式的结果不同，但是前者的缩进匹配好像有点问题，我看了一下 react/index.js 的源码，里边并没有 tsx 的配置，只是 jsx 的，所以我不太理解这块为什么导致了这个现象，是否符合预期？

[otakustay]

格式化的话，我感觉是indent规则和TS的问题：typescript-eslint/typescript-eslint#1824

把indent规则关掉试试？

[GitHubJian]

https://github.com/ecomfe/eslint-config/blob/master/typescript/index.js#L31 这个吗？

[GitHubJian]

'react/jsx-indent': [
2,
4,
{
checkAttributes: false,
indentLogicalExpressions: true,
},
],
'react/jsx-no-bind': [
'warn',
{
ignoreDOMComponents: true,
ignoreRefs: false,
allowArrowFunctions: true,
allowFunctions: true,
allowBind: false,
},
],
'react/jsx-indent-props': [
2,
{
indentMode: 4,
ignoreTernaryOperator: true,
},
],
'react/jsx-wrap-multilines': [
2,
{
declaration: 'parens-new-line',
assignment: 'parens-new-line',
return: 'parens-new-line',
arrow: 'parens-new-line',
condition: 'parens-new-line',
logical: 'parens-new-line',
prop: 'parens-new-line',
},
],

修改一下这三个规则就可以了