Question

我是Web开发的新手，刚刚注册了stackoverflow。所以
嗨社区！

我今天的问题是：有没有一种方法可以定义一组许多事件，然后将它们添加到多个react元素中？

这对我有用：

const events = {
   onMouseOver: this.myOverHandler,
   onMouseDown: this.myDownHandler,
   onMouseUp: this.myUpHandler,
   onMouseLeave: this.myLeaveHandler
};

<div    {...events} >No mouse event escapes!!</div>
<p      {...events} >I catch them all!!</p>
<button {...events} >Mouse event trap</button>

在向您提出愚蠢的问题之前，我迅速在和中键入了上面的代码。惊喜，行得通！！这是3个月来的第一次，这种反应可以满足我的要求，而不是反过来。哈哈！

所以，我是在用愚蠢的见解来烦你：) 完整的代码如下：

import React, { Component } from "react";

export default class Eventful extends Component {
  myOverHandler(e) {
    console.log("over " + e.target);
  }
  myDownHandler(e) {
    console.log("down " + e.target);
  }
  myUpHandler(e) {
    console.log("up " + e.target);
  }
  myLeaveHandler(e) {
    console.log("leave " + e.target);
  }

  render() {
    let id = "very secret";
    const events = {
      onMouseOver: this.myOverHandler,
      onMouseDown: this.myDownHandler,
      onMouseUp: this.myUpHandler,
      onMouseLeave: this.myLeaveHandler
    };

    return (
      <>
        <div {...events}>No mouse event escapes!!</div>
        <p {...events}>I catch them all!!</p>
        <button {...events}>Mouse event trap</button>
      </>
    );
  }
}

这可以满足我的所有需求。我真的很高兴：）

我当然梦dream以求，但今天我的运气已经用光了。

<div {...events(common_parameter)}>Not too high, Ikarus!</div>

反应：向许多元素添加许多事件

0 个答案: