javascript - 如何在 react 中使用 getAttribute？

Question

我使用 .map 在 React 应用程序中创建一个小列表

{
 this.state.rooms.map((anything, indexPos) =>
   <p className='rooms'
      onClick={this.test}
         key={indexPos}>{anything.name}
   </p>
 )
}

onClick方法调用的'test'函数如下:

test = (e) => {
 alert();
}

我的问题是我应该在警报方法的“()”中放入什么代码来提醒点击了哪个特定房间？

它也可能有助于了解我的构造函数的外观:

constructor(props) {
  super(props);
  this.state = {
    rooms: [],
    display: 'none',
    newRoomName: 'New room',
    currentRoom: ''
};
  this.roomsRef = this.props.firebase.database().ref('rooms');
}

这是一个 LINK到与问题相关的 git 文件。

能够提醒();我单击的任何房间的“关键”属性或索引或房间名称将允许我“渲染”所选房间。感谢您提出任何建议。

Answer 1

您可以将单个房间传递给您的 test 回调。但是我们现在有一个参数，所以您需要包装您的函数，否则您会立即调用 test，而这不是您想要的，您只想定义一个回调。

{
 this.state.rooms.map((room, indexPos) =>
   <p className='rooms'
      onClick={() => this.test(room)}
         key={indexPos}>{room.name}
   </p>
 )
}

现在你的回调接受一个参数，你可以打印一些属性

test = (room) => {
 alert(room.name);
}