PickerView 嵌套 13 层 View 触发控制台报错

[crazyair]

相关平台

微信小程序

小程序基础库: latest
使用框架: React

复现步骤

使用下面代码调试

import { Block, PickerView, PickerViewColumn, View } from '@tarojs/components';

const Demo = () => {
    return (
        <View>
            <View>
                <View>
                    <View>
                        <View>
                            <View>
                                <View>
                                    <View>
                                        <View>
                                            <View>
                                                <View>
                                                    <View>
                                                        <View>
                                                            <PickerView style={{ width: '100%', height: 300 }}>
                                                                <PickerViewColumn>
                                                                    <Block>年</Block>
                                                                </PickerViewColumn>
                                                            </PickerView>
                                                        </View>
                                                    </View>
                                                </View>
                                            </View>
                                        </View>
                                    </View>
                                </View>
                            </View>
                        </View>
                    </View>
                </View>
            </View>
        </View>
    );
};

export default Demo;

期望结果

无报错

实际结果

控制台报错，页面不显示

环境信息

👽 Taro v3.6.8


  Taro CLI 3.6.8 environment info:
    System:
      OS: macOS 13.6.2
      Shell: 5.9 - /bin/zsh
    Binaries:
      Node: 18.17.1 - ~/.nvm/versions/node/v18.17.1/bin/node
      Yarn: 1.22.19 - ~/.yarn/bin/yarn
      npm: 9.6.7 - ~/.nvm/versions/node/v18.17.1/bin/npm
    npmPackages:
      @tarojs/cli: ^3.6.18 => 3.6.18 
      @tarojs/components: ^3.6.18 => 3.6.18 
      @tarojs/plugin-framework-react: ^3.6.18 => 3.6.18 
      @tarojs/plugin-html: ^3.6.18 => 3.6.18 
      @tarojs/plugin-platform-alipay: ^3.6.18 => 3.6.18 
      @tarojs/plugin-platform-h5: ^3.6.18 => 3.6.18 
      @tarojs/plugin-platform-weapp: ^3.6.18 => 3.6.18 
      @tarojs/react: ^3.6.18 => 3.6.18 
      @tarojs/runtime: ^3.6.18 => 3.6.18 
      @tarojs/taro: ^3.6.18 => 3.6.18 
      @tarojs/taro-h5: ^3.6.18 => 3.6.18 
      @tarojs/webpack5-runner: ^3.6.18 => 3.6.18 
      babel-preset-taro: ^3.6.18 => 3.6.18 
      react: ^18.2.0 => 18.2.0 

[TheKonka]

没有复现

[crazyair]

没有复现

再增加一层 View 试试

[crazyair]

可以用这个 github 项目试下，能复现 https://github.com/crazyair/taro-picker-demo

[TheKonka]

复现了

[TheKonka]

https://docs.taro.zone/docs/next/config-detail/#minibaselevel

https://docs.taro.zone/docs/optimized#1-%E5%85%A8%E5%B1%80%E9%85%8D%E7%BD%AE%E9%A1%B9-baselevel

可以通过 修改 baseLevel 配置解决

[crazyair]

感谢

[crazyair]

https://docs.taro.zone/docs/next/config-detail/#minibaselevel

https://docs.taro.zone/docs/optimized#1-%E5%85%A8%E5%B1%80%E9%85%8D%E7%BD%AE%E9%A1%B9-baselevel

可以通过 修改 baseLevel 配置解决

因为自定义组件也有 3-4 层 View，能不能在组件最外面以及最里面包 CustomWrapper 来避免层级超过 16？另外 CustomerWrapper 包太多次，会不会有其他性能问题

[xuanzebin]

可以用这个 github 项目试下，能复现 https://github.com/crazyair/taro-picker-demo

看了一下，发现是模板代码里的 utils.wxs 里面有一个判断有问题，导致 PickerViewColumn 里的 Block 节点模板没有找到，下一个版本会修复，目前暂时通过 @TheKonka 老哥所说的，配置 baseLevel 暂时解决吧