scrimba
Meta scrims
React Advanced
Lab Solution: Create a basic list
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Lab Solution: Create a basic list
AboutCommentsNotes
Lab Solution: Create a basic list
Expand for more info
src
App.js
run
preview
console
import React from 'react';
import DessertsList from "./DessertsList";

const desserts = [
{
name: "Chocolate Cake",
calories: 400,
createdAt: "2022-09-01",
},
{
name: "Ice Cream",
calories: 200,
createdAt: "2022-01-02",
},
{
name: "Tiramisu",
calories: 300,
createdAt: "2021-10-03",
},
{
name: "Cheesecake",
calories: 600,
createdAt: "2022-01-04",
},
];

function App() {
return (
<div className="App">
<h2>List of low calorie desserts:</h2>
<DessertsList data={desserts} />
</div>
);
}

export default App;
Console
/public/index.html
-4:26