react 对象动态添加属性 setState

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

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

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

//let data = {}

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

WEB项目中，我们常常会碰到要动态对相应的对象添加事件，如下，有id="txtPrice"的文本框控件：

<div>

<input

type="text"

id="txtPrice"

name

=

"txtPrice"

value

=

"0"/>

<div>

现在我们为其动态添加一事件，JS核心代码如下：

document.getElementById("txtPrice").attachEvent('onblur',

function

(){alert('添加事件成功！')})

【补充】

有时候为了实现不同浏览器之前的兼容，我们会这样写：

Code

highlighting

produced

by

Actipro

CodeHighlighter

(freeware)http://www.CodeHighlighter.com/-->1

if(window.attachEvent)

{

document.getElementById("txtPrice").attachEvent('onblur',

function

(){alert('添加事件成功！')})

}

else

{

document.getElementById("txtPrice").addEventListener('onblur',

function

(){alert('添加事件成功！')}，false)

}

以上这篇JS动态给对象添加事件的简单方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

因为以前都是用Vue开发，写项目，自然而然的就习惯了vue的双向绑定机制，开发中也觉得这真是方便，但是在最近的小程序开发中，我在动态往数组中传值，可是吃尽了苦头，怎么绑都绑定不上。当然，也并不是再说小程序的不好，各有各的开发理念，各有各的好，所以在这里写下一些心得，一方面让自己别忘了，一方面也希望和我一起遇到这个问题的小伙伴们，别再走这个坑!

言归正传：

加入此刻我的data中，有一个数组

然后我定义了一个方法，需要往这个lists数组中动态的添加数据

这个方法是可以往data中的lists中添加对象的，这我相信大家都能做得到，很简单

但是，当我们要改变这个lists中某个对象下的key：value值呢？当时我就在这里卡了好久，我一开始想的的是在this.setData()这个函数中，把key值改为 lists[下标].属性值 但是当我这样写了以后，控制台立马报错，原因是因为，他在data中并没有找到你这个key值，也就是说我们这个写的方法是错误的，但是按照道理思路是没错的，所以也就有了下面这个方法，可以改变对应的lists里面的属性值

这样就可以了，就能改变data中数组里面任意的值，不过要谨记一点，就是，一定要拿中括号[xx]包裹你要改变的key值，不然也是会报错的！好了，其实我感觉我说了很多没必要的话，但是，我就当记笔记了！希望大家和自己继续努力，学习永无止境【点击了解更多加盟项目】

---