У меня проблемы с отображением карты на карте.
Как вы можете видеть ниже, я прокомментировал несколько попыток, в идеале я хотел бы использовать workItem.bullets.map ((bulletItem, i) =>
Если я использую его напрямую, у меня будет «Невозможно прочитать свойства 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>•</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
1 ответ
Что-то не так с вашим JSON: D
Похожие вопросы
Связанные вопросы
Новые вопросы
reactjs
React — это библиотека JavaScript для создания пользовательских интерфейсов. Он использует декларативную парадигму на основе компонентов и стремится быть эффективным и гибким.
{bulletPts}
приводит к ошибке Невозможно прочитать свойства неопределенной (чтение "карты"). Ошибка появится в строке переменной bulletPts.