React动态添加类名和样式

动态添加类名

• 已知变量：value = { class: 'class1'，class: 'class2' ，value: '你好'}，想要得到如下结果

你好

实现方式

// 常用
// （字符串写法）
{value.value}
// （模板字符串写法）
{value.value}

// 其他
// （引入依赖）
import cs from 'classnames' // 引入classnames依赖库
const addClass2 = true
 
{value.value}
// （数组类名）
{value.value}

• 动态判断添加类名

// 动态判断添加单类名
hello
 
// 已有多类名，动态判断再添加类名
// ( 数组法)
hello
// （模板字符串法）
hello

动态添加样式

• 某原素需要动态添加一个 display:block|none样式
  实现方式如下

hello
 
// 标签是否隐藏 （多样式）
hello