Найти индекс в массиве URL-адресов
У меня есть массив URL-адресов и хешированных данных base64, и я хочу создать функцию, которая находит ключ этого элемента в React.js. Сделал обработчик как таковой:
showModalSpeceficHandler = (image) =>{
this.state.images.forEach(function(image){
console.info(Object.keys[image]);
})
console.info('someting')
Свойство изображения, которое я передаю, является значением данного изображения. Теперь функция работает так: она возвращает массив ключей для каждого символа в URL-адресе или данных base64. Есть ли способ получить индекс, соответствующий ключу данного объекта?
Вот как я объявил свои объекты изображения:
let image= this.state.images.map(image => {
return (
<img
key = {image}
src = {image}
onClick = {() => this.showModalSpeceficHandler(image)}
/>
)
});
Может быть, мне лучше дать другой ключ, это упростит мой код и сделает его более удобным в сопровождении?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 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)}/>
});
Я приму через четыре минуты. Также проголосуйте за мой вопрос, если вы думаете, что это было объяснено достаточно хорошо! Спасибо!
@baileyhaldwin пожалуйста! Если это вам поможет, не стесняйтесь предлагать мой ответ как решение.