/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

3 votes361 views1 answer
React native nox emulator
Javascript React
15 votes349 views2 answers
Link reload page react
Javascript React
0 vote351 views1 answer
This will give Iodoform reaction on the treatment with Na2CO3 and I2:
Javascript React
1 vote382 views3 answers
Stripe react js
Javascript React
0 vote346 views1 answer
How to use mdbreact in react js
Javascript React
0 vote314 views5 answers
React buttons npm
Javascript React
0 vote352 views1 answer
React image onerror
Javascript React
8 votes379 views2 answers
React fragment
Javascript React
0 vote396 views1 answer
Check scroll top height in react js
Javascript React
0 vote369 views1 answer
React Native BUILD FAILED on run-ios
Javascript React