Есть ошибка в моем javascript, он говорит, что (e) не определен

Есть ошибка в моем javascript, он говорит, что (e) не определен

код у меня есть и ошибка на картинке

import React from 'react';

const Main = () => {
  const joiningCriteria = [
    'People between the ages of 18 and 35 years.',
    'A demonstrated passion for coding and technology.',
    'The time and capacity to commit to a full coding bootcamp. Classes are three times per week in person at one of our learning hubs.',
    'An intermediate level of English comprehension.',
    'The aptitude to succeed in the selection process.',
  ];
  return (
    <section class = "bootcamp">
      <ol>
        {joiningCriteria.map(() => (
          <li>{e}</li> /*the error is here it say the (e) is not defined*/
        ))}
      </ol>
    </section>
  );
};
export default Main;

Что вы пытались отладить проблему? Вы где-нибудь определили e?

Nico Haase 18.12.2020 17:35
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
1
201
3
Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Вам нужно добавить e внутри карты в качестве аргумента. Затем ваши значения из массива будут отображаться в виде элементов списка.

  <ol>        
      {joiningCriteria.map((e)=> (<li>{e}</li>))}
  </ol>

спасибо за ответ, но я уже пробовал это, но не сработало

Yad Bakhtiar 18.12.2020 11:45

Пожалуйста, добавьте (e) на карту нравиться

От

map(()=>

к

map((e)=>

это будет работать

Спасибо

я пробовал это, но не работает, я не знаю, почему

Yad Bakhtiar 18.12.2020 11:45

не могли бы вы сообщить об ошибке, которая возникает в консоли

Muhammad Yameen 18.12.2020 11:49

Не удалось скомпилировать. Модуль ./src/index.js не найден: не удается разрешить «./reportWebVitals» в «C:\Users\yadba\OneDrive\Desktop\coding-challenge-yad97-main‌​\src»

Yad Bakhtiar 18.12.2020 11:50

так говорит компилятор

Yad Bakhtiar 18.12.2020 11:51

попробуйте эту карту (e => (

Muhammad Yameen 18.12.2020 11:56

так же все равно не работает

Yad Bakhtiar 18.12.2020 12:01
Ответ принят как подходящий

Чтобы карта работала, вам нужно передать переменную, которая позволяет выбрать каждый элемент. Попробуй это

const joiningCriteria = [

'People between the ages of 18 and 35 years.',
'A demonstrated passion for coding and technology.',
'The time and capacity to commit to a full coding bootcamp. Classes are three times per week in person at one of our learning hubs.',
'An intermediate level of English comprehension.',
'The aptitude to succeed in the selection process.',
];

return (

  <ol>        
      {joiningCriteria.map((e,index)=> {return <li key = {index}>{e}</li>} /*the error is here it say the (e) is not defined*/
    )}
  </ol>
 
</section>
); };

Комментарии не для расширенного обсуждения; этот разговор был перемещен в чат.

Samuel Liew 18.12.2020 16:20

Другие вопросы по теме