Belief.js
Wed Mar 01 2023 11:20:15 GMT+0000 (Coordinated Universal Time)
Saved by
@blackmax
#javascript
#react.js
import React from 'react'
import './App.css';
import { data } from './beliefdata'
export default function Belief() {
const cardData = data.map(item => {
return (
<a key={item.id} className="beliefCard" href={item.cardUrl} target="_blank">
<img src={item.imgUrl} alt='beliefCard' />
<h1>{item.title}</h1>
<p>{item.date}</p>
</a>
)
})
return (
<div className='container1'>
<div className='insightsTitle'>
<h1>Belief in action</h1>
</div>
<div className="beliefCardsContainer">
{cardData}
</div>
</div>
)
}
content_copyCOPY
Comments