如何在反应中使用 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');
}

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

能够提醒()；我单击的任何房间的 'key' attr 或索引或房间名称将允许我在 'rendering' 所述所选房间上工作。感谢您的任何建议。

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);
}

如何在反应中使用 getAttribute？

How to use getAttribute in react?

javascript

reactjs

getattribute