代码之家 › 专栏 › 技术社区 › bp123

将元素附加到箭头函数

ecmascript-6 reactjs javascript

bp123 · 技术社区 · 8 年前

我使用箭头函数来创建一个按钮点击事件,我如何附加一个元素到函数。没有问题。

  handleButtonClick(classId) {
    this.setState({
      classId
    });
  }

  render() {
    return (
      <Button
        name="name"
        value={classId}
        onClick={e => this.handleButtonClick(e, classId)}
      >'Click me'
      </Button>
    );
  }

3 回复 | 直到 8 年前

pretzelhammer Paras Bhattrai 8 年前

除了改变

handleButtonClick(classId) {

到

handleButtonClick(e, classId) {

然后可以通过目标属性访问元素,即。 e.target

Azamat Zorkanov 8 年前

只是改变

handleButtonClick(classId) {

进入之内

handleButtonClick(e, classId) {

因为在onclick处理程序中,您首先传递e:

onClick={e => this.handleButtonClick(e, classId)}

希望这有帮助

Adnan 8 年前

只需在函数中添加事件参数,就可以使用event.target.value访问输入值

    handleButtonClick(event,classId) {
     this.setState({
     classId:event.target.value
     });
    }

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前