taro-ui 文档 article 组件配合服务端图文混排报错但是可以跑

[hick]

下面这种官方文档的实例, 因为 JSX 的条件语法试了下, 在循环中我试了几种思路没法实现, JSX 不大熟, 下面这样貌似能跑套, 但是报 js 错误

我后端把文档拆成了这样一个列表

            ['p1', '海悦湾标题'],
            ['p' , '段落1'],
            ['img', 'http://stest.com/25816008.jpg'],
            ['p'  , '段落222'],

尝试循环去 if else 判断, 试了不行. 类似下面

{contentList.map((item, index) => {
  if(item[0] == 'p') {
    return (<View className='at-article__p'>{item[1]}</View>)
  }
  if(item[0] == 'h1') {
    return (<View className='at-article__h1'>{item[1]}</View>)
  }
  if(item[0] == 'h2') {
    return (<View className='at-article__h2'>{item[1]}</View>)
  }
  if(item[0] == 'img') {
    return (<Image className='at-article__img' src={item[1]} mode='widthFix'></Image>)
  }
})}

报错如下:

[hick]

自己顶顶, 这个咋回事哈

[hick]

算是自己解决了, 感觉最好的方式应该是下面这个 枚举条件渲染

[hick]

ps. 翻官方文档翻出来的