У меня проблемы с отображением карты на карте.

Как вы можете видеть ниже, я прокомментировал несколько попыток, в идеале я хотел бы использовать workItem.bullets.map ((bulletItem, i) =>

  • {bulletItem}
  • ) напрямую.

    Если я использую его напрямую, у меня будет «Невозможно прочитать свойства undefined (чтение карты)».

    В этой версии я получу undefined is not iterable (не могу прочитать свойство Symbol (Symbol.iterator)), хотя console.log, похоже, работает нормально и показывает тип как Array, как и ожидалось. Array.from бесполезен, но, поскольку я не понимаю, что происходит, я попробовал.

     const work = this.props.data.work.map( workItem => {
          console.log(workItem.bullets);
    
          //let bulletPts = workItem.bullets.map((bulletItem, i)=><li key={i}>{bulletItem}</li>);
          //let bps = workItem.bullets.map((bulletItem, i)=>"toto");
          let array = Array.from(workItem.bullets);
          return (
            <div key={workItem.company}>
              <h3>{workItem.company}</h3>
              <p className="info">
                {workItem.title}
                <span>&bull;</span> <em className="date">{workItem.years}</em>
              </p>
              <p>{workItem.description}</p>
              <ul>
                {
                  array.map(bulletItem => "test")
                }
              </ul>
            </div>
          );
        });
    

    Я также ознакомился с Как отображать на карте в reactjs, так как это выглядело как аналогичная проблема, но я не смог применить ее к своей проблеме.

    Я не думаю, что это необходимо, но если вы хотите увидеть весь проект, я пытаюсь добавить маркеры для резюме, resumeData.json нужно изменить, чтобы он содержал несколько bulletPoints. https://github.com/nordicgiant2/react-nice-resume

    0
    Abanslash 19 Ноя 2021 в 03:17

    1 ответ

    Лучший ответ

    Что-то не так с вашим JSON: D

    1
    SoGoddamnUgly 19 Ноя 2021 в 04:18
    Спасибо за ваш ответ. Я только что зарегистрировал его, и он говорит [[Prototype]]: Array (0) и регистрирует каждый рабочий элемент с его полями.
     – 
    Abanslash
    19 Ноя 2021 в 03:36
    Я обновил свой ответ. Это должно сработать.
     – 
    SoGoddamnUgly
    19 Ноя 2021 в 03:43
    Использование
      {bulletPts}
    приводит к ошибке Невозможно прочитать свойства неопределенной (чтение "карты"). Ошибка появится в строке переменной bulletPts.
     – 
    Abanslash
    19 Ноя 2021 в 03:44
    Пожалуйста, опубликуйте json в вопросе или хотя бы его часть, если он действительно большой.
     – 
    SoGoddamnUgly
    19 Ноя 2021 в 03:57
    Let bulletPts = Array.from (workItem.bullets) .map ((bulletItem, i) =>
  • {bulletItem}
  • ); также возвращает undefined, не повторяется, что действительно странно. json доступен по адресу github.com/nordicgiant2/react-nice -resume / blob / master / public /… Я просто добавил в него несколько точек, например "работа": [{"company": "Some Company", "title": "Test", "years": "2021 "," description ":" Some Description "," bullets ": [" a "," b "]}
     – 
    Abanslash
    19 Ноя 2021 в 04:06