/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

2 votes365 views1 answer
React not getting img by src
Javascript React
-1 vote353 views3 answers
Why we import react from react
Javascript React
11 votes394 views2 answers
How to add react icons using npm
Javascript React
0 vote371 views1 answer
React native call keep
Javascript React
0 vote433 views1 answer
Uuid react native expo
Javascript React
160 votes628 views6 answers
React install
Javascript React
0 vote375 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript React
4 votes381 views2 answers
Onitemclick react
Javascript React
0 vote323 views1 answer
'{ state: any; dispatch: React.Dispatch<{ type: string; payload: any; }>; }' is not assignable to type 'Store'
Javascript React
0 vote398 views1 answer
React-data-table-component cell action
Javascript React