Question

我正在使用React.js在我们的网站上创建一个名称列表。人员信息作为对象存储在数组中。我已经成功地使用.map在表行中创建了列表，现在我希望能够将鼠标悬停在每个给定名称上（或实际上），以使用来自同一对象的更多信息创建一个弹出窗口。我的问题在于再次访问正确的对象。我不确定如何在handleMouseEnter函数中正确引用它。

以下是一些代码：

    public bool IsShuttingDown { get; private set; }

    public new void Shutdown(int exitCode = 0)
    {
        this.IsShuttingDown = true;
        base.Shutdown(exitCode);
    }

警报功能只是一个占位符。我猜测我的问题实际上在于使用.map创建表时声明的内容有所不同，但我不确定。

Answer 1

尝试：

let list = patients.map((patient, p) =>
   <tr  onMouseEnter={()=>{this.handleMouseEnter(patient)}}

和：

handleMouseEnter(patient) {
    alert(patient.phone);
  }

仅供参考：这实际上并不是最高效的处理方式，但应该可以帮助您入门。通常不建议在render中使用bind和arrow函数。

如何访问映射到表行的数组中的特定项目？ -反应

1 个答案: