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更優雅