javascript - 在 url 数组中查找索引

Question

我有一组 URL 和 base64 哈希数据，我想创建一个函数来在 React.js 中找到该元素的键。我已经制作了一个处理程序:

showModalSpeceficHandler = (image) =>{
  this.state.images.forEach(function(image){
  console.log(Object.keys[image]);
})
console.log('someting')

我传入的图像属性是给定图像的值。该函数现在的工作方式是为 URL 或 base64 数据中的每个字符返回一个键数组。有没有办法，我可以获得与给定对象的键匹配的索引？

这是我声明图像对象的方式:

let image= this.state.images.map(image => {
  return (
    <img 
      key={image}
      src={image}
      onClick={() => this.showModalSpeceficHandler(image)}
    />
  )
});

也许我应该改用另一个 key ，这会让我的代码更容易维护吗？

Answer 1

map() 函数还在回调参数中给出了索引:list.map((value,index) => {/* your function */})。您可以像下面这样使用:

let image= this.state.images.map((image,index) => {
    return <img key={`image-${index}`} src={image} 
        onClick={() =>this.showModalSpeceficHandler(image)}/>
});