/Javascript/React/React js practical tutorial

React js practical tutorial

// src/App.js
import "./styles.css";

export default function App() {
  const todos = [
    { id: 1, text: "Wash dishes", done: false },
    { id: 2, text: "Do laundry", done: false },
    { id: 3, text: "Take shower", done: false }
  ];

  return (
    <div>
      <h1>Todo List</h1>
      <TodoList todos={todos} />
    </div>
  );
}

function TodoList(props) {
  console.log(props) // {todos: Array(3)}
}

Source: freecodecamp.org

Similar codes

19 votes248 views10 answers
'Switch' is not exported from 'react-router-dom'. ch warning.
Javascript React
0 vote299 views1 answer
Which algorithm React is used to compare dom?
Javascript React
0 vote248 views0 answer
React
Javascript React
0 vote284 views1 answer
React native scrollview fixed header
Javascript React
3 votes303 views1 answer
Force update react hooks
Javascript React
0 vote302 views1 answer
Valueof in react native
Javascript React
0 vote292 views1 answer
How get value of datePicker in react
Javascript React
0 vote292 views1 answer
Toggle boolean state react
Javascript React
-2 votes287 views2 answers
Showdown react
Javascript React
5 votes268 views2 answers
React hook form
Javascript React