/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

1 vote309 views1 answer
Class and id in react
Javascript React
6 votes345 views1 answer
React dictionary key value avec 2 variable
Javascript React
1 vote368 views1 answer
React native environment variables
Javascript React
0 vote296 views1 answer
'{ state: any; dispatch: React.Dispatch<{ type: string; payload: any; }>; }' is not assignable to type 'Store'
Javascript React
0 vote351 views1 answer
The email address is badly formatted react
Javascript React
2 votes359 views1 answer
If back react
Javascript React
1 vote405 views3 answers
React native port
Javascript React
0 vote348 views1 answer
React bootstrap carousel caption placement top
Javascript React
5 votes375 views1 answer
Import suspence from react
Javascript React
0 vote359 views1 answer
Dynamic useState in react
Javascript React