javascript - Creating a Todo list in ReactJS, using mapping component struggling with mapping data.(Type annotations can only be used in TypeScript files)

Question

I'm pretty new in ReactJS , was just trying to create Todo list using various method. Presently , i am struggling in mapping components , my const Tododata shows tonnes of errors.

Here is the snippet: Here

question from:https://stackoverflow.com/questions/65602541/creating-a-todo-list-in-reactjs-using-mapping-component-struggling-with-mapping

Answer 1

You need an array instead of object for tododata. Please check the following code snippet.

const Tododata = [
    {
        id: 3,
        ext: 'to take a shower',
        completed: true
    },
    {
        id: 5,
        ext: 'to brush teeth',
        completed: true
    },
    ...
];