Skip to content

动态添加class的库

  • react在jsx给了足够多的灵活性,可以像编写js代码一样,通过一些逻辑来决定是否添加某些class
jsx
<div>
	<h2 className={"title" + (isActive ? "active": "")}>title</h2>
</div>
  • 这个时候我们可以借助于一个第三方的库:classnames

  • 这是一个用于动态添加classnames的一个库

jsx
classNames("foo", { bar: isBar }) // 当isBar为真 => 'foo bar'