资讯 小学 初中 高中 语言 会计职称 学历提升 法考 计算机考试 医护考试 建工考试 教育百科
栏目分类:
子分类:
返回
空麓网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
空麓网 > 计算机考试 > 面试经验 > 面试问答

如何从中获取价值* 标签

面试问答 更新时间: 发布时间: 计算机考试归档 最新发布

如何从中获取价值* 标签

您得到的

undefined
是因为
target.value
仅用于诸如之类的表单元素
input

您可以将唯一的标识符传递给该函数,然后使用该标识符从中获取其值

this.state

实现可能有很大的不同。最大的问题可能取决于此元素的值是否可以在DOM中更改,或者是否始终保持不变。

这是我为这两个提议的解决方案:


元素可以更改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


元素在DOM中是静态的:

如果的值

li
始终是静态的,则可以执行以下操作:

clickonMe = (val) => {   this.setState({mydata: val});}render = () => {   return (   <div>     <ul>        <li onClick={this.clickOnMe.bind(this, "Point")}>Point</li>     </ul>   </div> );}

如果您希望事物是静态的,那么事情就简单得多。在这里,您可以直接绑定与所述元素对应的值,然后在函数中执行所需的操作。



转载请注明:文章转载自 http://www.konglu.com/
本文地址:http://www.konglu.com/it/636506.html
免责声明:

我们致力于保护作者版权,注重分享,被刊用文章【如何从中获取价值* 标签】因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理,本文部分文字与图片资源来自于网络,转载此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请立即通知我们,情况属实,我们会第一时间予以删除,并同时向您表示歉意,谢谢!

我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2023 成都空麓科技有限公司

ICP备案号:蜀ICP备2023000828号-2