大佬教程收集整理的这篇文章主要介绍了如何从中获取价值 * 标签,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
您得到的undefined
是因为target.value
仅用于诸如之类的表单元素input
。
您可以将唯一的标识符传递给该函数,然后使用该标识符从中获取其值this.state
。
实现可能有很大的不同。最大的问题可能取决于此元素的值是否可以在DOM中更改,或者是否始终保持不变。
这是我为这两个提议的解决方案:
如果要更新li
元素的值,可以执行以下操作:
geTinitialState: function() {
return {
data: ["point1", "point2", "point3"];
};
}
clickOnMe = (ID) => {
console.log(this.state.data[ID]);
}
changeData = (ID, value) => {
let temp = this.state.data.slice();
temp[ID] = value;
this.setState({temp});
}
render = () => {
return (
<div>
<ul>
<li value={this.state.data[0]} onClick={this.clickOnMe.bind(this, 0)}>Point</li>
</ul>
</div>
);
}
this.state.data
是组件构造函数中的一个数组,其中包含每个元素的初始值。当您单击一个元素时,您将调用该clickOnMe
函数并传入与当前元素数据所在的数组中的索引相对应的参数。
如果以后要更改此值,可以changeData
使用该值和索引作为参数进行调用。复制整个数组,更改所述索引中的值,然后更新state
。
如果的值li
始终是静态的,则可以执行以下操作:
clickOnMe = (val) => {
this.setState({myData : val});
}
render = () => {
return (
<div>
<ul>
<li onClick={this.clickOnMe.bind(this, "Point")}>Point</li>
</ul>
</div>
);
}
如果您希望事物是静态的,那么事情就简单得多。在这里,您可以直接绑定与所述元素对应的值,然后在函数中执行所需的操作。
以上是大佬教程为你收集整理的如何从中获取价值 * 标签全部内容,希望文章能够帮你解决如何从中获取价值 * 标签所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。