/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

0 vote126 views1 answer
React locomotive-scroll
Javascript React
0 vote132 views1 answer
Reactjs .net pass value to react
Javascript React
0 vote128 views1 answer
React native webview disable touch
Javascript React
2 votes78 views1 answer
Function component react form
Javascript React
0 vote125 views1 answer
How to imporrt Browserrouter in react
Javascript React
1 vote121 views1 answer
How to use react memo hooks
Javascript React
1 vote119 views1 answer
How to upload image in react js
Javascript React
0 vote133 views1 answer
. What is the use of the return function in the React Native Framework?
Javascript React
1 vote127 views1 answer
How to run an existing react project
Javascript React
4 votes125 views3 answers
Get params in react router dom v6
Javascript React