pnx/react-tutorial
1
0
Fork 0
Code Activity

dynamic classes

Browse source
This commit is contained in:
Henrik Hautakoski 2025-11-13 21:47:42 +01:00
parent 24001910ef
commit bf231dd1d6
1 changed files with 6 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/App.tsx
View file

@ -1,12 +1,14 @@
const products = [ const products = [
{ title: 'Cabbage', id: 1 }, { title: 'Cabbage', isFruit: false, id: 1 },
{ title: 'Garlic', id: 2 }, { title: 'Garlic', isFruit: false, id: 2 },
{ title: 'Apple', id: 3 }, { title: 'Apple', isFruit: true, id: 3 },
]; ];
function App() { function App() {
const listItems = products.map(product => const listItems = products.map(product =>
<li key={product.id}> <li
key={product.id}
className={product.isFruit ? 'text-green-200' : 'text-red-200'}>
{product.title} {product.title}
</li> </li>
); );