首页 > 其他分享 >taro3 报错 TypeError: className.split is not a function

taro3 报错 TypeError: className.split is not a function

时间:2023-04-19 12:45:29浏览次数:35  
标签:function TypeError tabbar className item classnames 报错 &&

项目原来跑的好好的, 昨天升级了几个包, 引用了个UI库, 然后今天上班运行项目就跑不起来了, 项目是在旧的项目上升级的

之前的写法

  <View key={idx}
    
    className={["tabbar-item", isActive && "active"]}
    onClick={this.switchTab.bind(this, item.key)}
  >
    { item.label }
  </View>

报这个错

解决办法

// 引入 classname
import classnames from 'classnames'

把 className={["tabbar-item", isActive && "active"]}

替换为 className={classnames("tabbar-item", isActive && "active")}

修改之后

标签:function,TypeError,tabbar,className,item,classnames,报错,&&
From: https://www.cnblogs.com/ybixian/p/17332937.html

相关文章

  • [未解决] Cesium 报错 undefined RangeError: Invalid array length
    Anerroroccurredwhilerendering.Renderinghasstopped.undefinedRangeError:InvalidarraylengthRangeError:InvalidarraylengthatupdateFrustums(webpack-internal:///./src/source/CesiumEngine/Scene/View.js:94:36)atView.createPotentiallyV......
  • async function 报eslint 错误:Parsing error: Unexpected token function 解决方法
    asyncfunctiongetData(){这个代码报eslint错误:Parsingerror:Unexpectedtokenfunction。.eslintrc中parserOptions:{ecmaVersion:6},根据ESLint的官方文档,"ecmaVersion"配置项可以配置以下值:3:ECMAScript 3(默认值)5:ECMAScript 56:ECMAScrip......
  • IDEA启动报错Internal error. Please refer to https://jb.gg/ide/critical-startup-e
    CMD右键以管理员身份运行netshwinsockreset完成后重启netshwinsockreset命令,作用是重置Winsock目录。如果一台机器上的Winsock协议配置有问题的话将会导致网络连接等问题,就需要用netshwinsockreset命令来重置Winsock目录借以恢复网络。......
  • VSCode修饰器报错,对修饰器的实验支持功能在将来的版本中可能更改
    报错内容对修饰器的实验支持功能在将来的版本中可能更改。在“tsconfig”或“jsconfig”中设置“experimentalDecorators”选项以删除此警告解决办法方法一:设置VSCode选项管理==>设置==>搜索experimentalDecorators==>打上勾勾方法二:增加jsconfig文件在根目录下新......
  • YOLOV8中文类名显示报错
    YOLOV8中文显示问题问题引出:​ 最近再跑YOLOV8项目,跑到这份数据集的类名是中文类名,自己也没有太在意,知道的过程出现些报错,这些爆错如下:/usr/local/lib/python3.8/dist-packages/ultralytics/yolo/utils/metrics.py:399:UserWarning:Glyph24102(\N{CJKUNIFIEDIDEOGRAPH-5E......
  • https发送post请求报错403,但不是跨域问题。
    这段时间在公司写一个项目,在项目中遇到一个问题,查阅了网上很多资料都没解决。问题是vue中https发送post请求报错403,但不是跨域问题。 于是我根据网上资料发现是请求头部的问题。源代码 headers:{  'Content-Type':'application/x-www-form-urlencoded', },当......
  • 报错解决:user.Case: (models.E020) The 'Case.check()' class method is currently ov
    Django在启动时报错,如下:user.Case:(models.E020)The'Case.check()'classmethodiscurrentlyoverriddenby<django.db.models.query_utils.DeferredAttributeobjectat0x0000020331E0AE20>.意思是说:在user.Case.check()在执行的过程中被【django.db.models.query_ut......
  • idea+maven配置scala环境报错
    (未解决)环境:Java1.7+scala2.10.6配置:创建maven工程,建立如下目录结构:pom.xml<?xmlversion="1.0"encoding="UTF-8"?><projectxmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema-in......
  • MySQL8初始化报错 --Data Dictionary initialization failed
     我使用的命令是:/mysqld --defaults-file=/etc/my.cnf --basedir=/usr/local/mysql --datadir=/data/mysql/mysql3306/  --user=mysql  拷少参数了还找半天,,,,,,,, [root@node02bin]#./mysqld--initialize-insecure--defaults-file=/etc/my.cnf--basedir=/usr/lo......
  • 浏览器报错net::err_connection_timed_out 怎么解决
    误代码“err_connection_timed_out”的解决方案2017-04-2011:02曾经试过用浏览器访问一个或几个特定网站,出现“err_connection_timed_out”错误,而其他网站加载良好没有任何问题或错误。上网查过发现这是一个常见的互联网错误。发生此DNS错误是因为访问或浏览该网站时,Internet......