react 对象动态添加属性 setState

react 对象动态添加属性 setState,第1张

// js 对象动态添加 js对象动态添加

//总结,给对象动态添加变量属性的方法如下:

// obj[变量]=变量值对象动态添加属性

//let data = {}

//data[event.target.name] = event.target.value

在react 16版本已经可以支持给标签添加自定义属性。

react 15和之前的版本不支持,但是可以通过ref的形式解决。如下。

render(){

return <div ref={ele =>ele.setAttribute('title', 'data')}></div>

}

className动态添加

可以实现的语法如下:

1、使用逻辑运算符

2、使用三元运算符

3、使用函数

4、数组语法

5、使用ES6写法(推荐使用ES6写法)

或者使用classnames依赖库

style动态添加

1、当前标签无其他class,并且只动态添加一个className


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11906695.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存