Javascript — Реагировать карты JS, используя цикл For

Реагируйте на карты JS, используя цикл For

Мне не удается динамически создать более одной «Карты» на моей веб-странице React. Я импортирую данные из database.js, но я явно неправильно реализую цикл For.

Я пробовал цикл в функции вне render (), но это не сработало. Мне нужен цикл for для создания сколь угодно большого количества объектов в базе данных, но я застрял на одном. Я могу вызвать данные в {} в коде thml, но это все.

projects.js

 class Projects extends Component { constructor(props) { super(props); this.state = { activeTab: 1 }; } toggleCategories() { if (this.state.activeTab === 1) { for (let data of database) { return ( {amp}lt;div className='projects-grid'{amp}gt; {amp}lt;Card shadow={4} style={{ minWidth: '450', margin: 'auto' }}{amp}gt; {amp}lt;CardTitle style={{height: '250px', background: data.image }}{amp}gt;{amp}lt;/CardTitle{amp}gt; {amp}lt;CardText{amp}gt; {data.name} {amp}lt;/CardText{amp}gt; {amp}lt;CardActions border{amp}gt; {amp}lt;Button colored{amp}gt;GitHub{amp}lt;/Button{amp}gt; {amp}lt;Button colored{amp}gt;Live Demo{amp}lt;/Button{amp}gt; {amp}lt;/CardActions{amp}gt; {amp}lt;/Card{amp}gt; {amp}lt;/div{amp}gt; ) } }``` **database.js** let database = [ { name: 'Trombinoscope', image: 'url(https://i.ibb.co/g4mT3K5/html-Css-Js.jpg)', description: 'Group project', languages: 'HTML, CSS, JavaScript' }, { name: 'CRUD System', image: 'url(https://i.ibb.co/g4mT3K5/html-Css-Js.jpg)', description: 'Video game database', languages: 'PHP, SQL' } ] export default database; Any help would be appreciated. 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector