Taro Next 元素嵌套 16 层之后会出现 <comp is="comp">

[Miaonster]

相关平台

微信小程序

复现仓库

https://github.com/Miaonster/demo-taro-next-nest-view
小程序基础库: 2.12.1
使用框架: React

复现步骤

在我给出的 demo 中，src/page/index/index.jsx 中使用嵌套 16 层以上的 View 后，在微信开发者工具中，查看 dom 结构，会发现 <View> 出现 <comp is="comp"> 在之中

import React, { Component } from 'react'
import { View, Text } from '@tarojs/components'
import './index.css'

export default class Index extends Component {
  render () {
    return (
      <View className='index'>
        <Text>Hello world!</Text>
        <View>
          <View>
            <View>
              <View>
                <View>
                  <View>
                    <View>
                      <View>
                        <View>
                          <View>
                            <View>
                              <View>
                                <View>
                                  <View>
                                    <View>
                                      haha
                                    </View>
                                  </View>
                                </View>
                              </View>
                            </View>
                          </View>
                        </View>
                      </View>
                    </View>
                  </View>
                </View>
              </View>
            </View>
          </View>
        </View>
      </View>
    )
  }
}

期望结果

期望正常渲染成 view，而不是嵌套在 <comp is="comp"> 李

实际结果

实际会嵌套一层 <comp is="comp">

环境信息

👽 Taro v3.0.7


  Taro CLI 3.0.7 environment info:
    System:
      OS: macOS 10.15.5
      Shell: 3.0.2 - /usr/local/bin/fish
    Binaries:
      Node: 14.3.0 - ~/.config/nvm/14.3.0/bin/node
      Yarn: 1.22.4 - /usr/local/bin/yarn
      npm: 6.14.5 - ~/.config/nvm/14.3.0/bin/npm
    npmPackages:
      @tarojs/components: 3.0.7 => 3.0.7 
      @tarojs/mini-runner: 3.0.7 => 3.0.7 
      @tarojs/react: 3.0.7 => 3.0.7 
      @tarojs/runtime: 3.0.7 => 3.0.7 
      @tarojs/taro: 3.0.7 => 3.0.7 
      @tarojs/webpack-runner: 3.0.7 => 3.0.7 
      babel-preset-taro: 3.0.7 => 3.0.7 
      eslint-config-taro: 3.0.7 => 3.0.7 
      react: ^16.10.0 => 16.13.1 

[Chen-jj]

故意的，借用自定义组件重新开始 template 递归

[Miaonster]

@Chen-jj 多加一层元素可能会导致样式有问题，比如在最后一层使用 flex 布局，如果正好给子元素增加一个 <comp> ，flex 布局就无法正确使用，这种情况改怎么解决呢？

[Chen-jj]

有一个配置项， mini.baselevel 好像是，可以配置默认层数，可以去文档配置详情找找。层数太多，包越大，小心使用

[Miaonster]

好的，感谢 👍