如何在使用React上下文（消费者提供者）时修复eslint错误？

Question

我正在使用启用了ESLint的React Context API并且在修复ESLint问题时遇到了一些问题。

提供者：

 return (
      <AuthorizationContext.Provider
        value={{ isAuthorized: this.state.isAuthorized }}
      >
        {this.props.children}
      </AuthorizationContext.Provider>

问题：ESLint为Parsing error: Unexpected token .报告<AuthorizationContext.Provider>

消费者：

 <AuthorizationConsumer>
        {({ isAuthorized}) => {
          return (
             // some code here
          )
        }}
      </AuthorizationConsumer>

问题：ESLint为Parsing error: Unexpected token {报告{({ isAuthorized}) => {

ESLint configuration。

Answer 1

使用您的配置，我没有错误：https://codesandbox.io/s/j2km74l0y9

但是当<AuthorizationContext.Provider>不在函数内部或代码无效时，我得到相同的错误。也许检查你的组件。