this.state 的变量名不能与 render 的变量名重名

[grubxy]

问题描述
className使用变量渲染后样式变成“true”。

复现步骤
render() { const nameClass = 'panel__info'; return ( <View className='page'> <View className='panel__title'>作者</View> <View className='panel__content'> <View className='at-row at-row__align--center'> <View className='at-col at-col-2'> <AtAvatar circle size='small' image={this.props.avatarUrl}/> </View> <View className='at-col at-col'> <Text className={nameClass} onClick={this.handleLogin.bind(this)}> {this.formateNickName(this.props.nickName)} </Text> </View> </View> </View> </View> ) }

报错信息

系统信息

• 操作系统: [ Windows 7]
• Taro 版本 [v1.1.8]
• Node.js 版本 [e.g. v8.11.2]
• 报错平台 [weapp]

[taro-bot]

欢迎提交 Issue~

如果你提交的是 bug 报告，请务必遵循 Issue 模板的规范，尽量用简洁的语言描述你的问题，最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足，或者已经其他 issue 已经存在相关内容，你的 issue 有可能会被关闭。

Good luck and happy coding~

[taro-bot]

CC @yuche

[yuche]

没能复现，升级一下到最新的 beta 版本

[grubxy]

@yuche
taro版本已升级，我这边复现了下，在components下会出现，在page下正常。

[yuche]

在类中也没法复现

[grubxy]

@yuche 我的构造函数里变量和const重名了...

[yuche]

好吧。

这个 issue 就作为追踪 state/render/props/this 变量重名 ESLint 规则的 issue。