使用React上下文（consumer-provider）时如何解决eslint错误？

Question

我正在使用React Context API并启用了ESLint，并且在解决ESLint问题时遇到了一些问题。

提供者：

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

问题： ESLint报告Parsing error: Unexpected token .的{​​{1}}

消费者：

<AuthorizationContext.Provider>

问题： ESLint报告 <AuthorizationConsumer> {({ isAuthorized}) => { return ( // some code here ) }} </AuthorizationConsumer> 的{​​{1}}

ESLint configuration。

Answer 1

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

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