/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 vote262 views1 answer
Const userMessage Reaction = new UserMessage Reaction({ _id: mongoose.Types.ObjectId(), userId: "USERID", userName: "TESTUSERNAME", messageId: "TESTMESSAGEID", time: "TESTTIME" });
Javascript React
0 vote266 views2 answers
Mobile nav react npm
Javascript React
0 vote227 views1 answer
React native bootstrap
Javascript React
111 votes252 views6 answers
Install bootstrap in react
Javascript React
0 vote343 views1 answer
Install react loading spinner
Javascript React
0 vote262 views1 answer
Multi filtering react
Javascript React
2 votes278 views1 answer
React concatenate string and component
Javascript React
0 vote261 views2 answers
React native navigation header Right
Javascript React
1 vote270 views1 answer
How to detect onend reach of scrollview in react native
Javascript React
0 vote270 views1 answer
Onclick hold react
Javascript React