暂不支持在 render() 之外的方法定义 JSX

由于微信小程序的 template 不能动态传值和传入函数，Taro 暂时也没办法支持在类方法中定义 JSX。

规则详情

以下代码会被 ESLint 提示警告，同时在 Taro（小程序端）也不会有效：

  1. class App extends Component {
  2.   _render() {
  3.     return <View />
  4.   }
  5. }
  7. class App extends Component {
  8.   renderHeader(showHeader) {
  9.     return showHeader && <Header />
  10.   }
  11. }
  13. class App extends Component {
  14.   renderHeader = (showHeader) => {
  15.     return showHeader& & <Header />
  16.   }
  17. }

解决方案

在 render 方法中定义。

  1. class App extends Component {
  3.   render () {
  4.     const { showHeader, showMain } = this.state
  5.     const header = showHeader && <Header />
  6.     const main = showMain && <Main />
  7.     return (
  8.       <View>
  9.         {header}
  10.         {main}
  11.       </View>
  12.     )
  13.   }
  14. }

当测试用例和线上项目都检测通过时，Taro 将很快（下一个 Minor 版本）支持这一特性。