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



  • 下面这种官方文档的实例, 因为 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>)
      }
    })}
    

    报错如下:

    6c6993c5-d8c4-46c5-9e01-ec21d089e0c8-image.png



  • 自己顶顶, 这个咋回事哈



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

    36537e41-ad26-430e-877f-9ebcf698b8e4-image.png



  • ps. 翻官方文档翻出来的


登录后回复