React和Preact写className,我不太习惯使用模板字符串,不好看,看起来也不直观,写了如下两个库: react-runtime-clsx 和 preact-runtime-clsx,来辅助开发,可以更方便的处理className的问题,下面就介绍一下如何使用他们,来达到更高效便捷的开发
使用这两个库的优点:
1. 像Vue的:class 指令一样,不需要模板字符串
2.不需要再头部引入react和preact
3.不需要外部在依赖clsx库,在ES中可以使用react-runtime-clsx 和 preact-runtime-clsx 的clsx方法
如何使用呢,详情可参考我的文章:React和Preact 这样处理className更优雅