/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

112 votes196 views10 answers
React
Javascript React
0 vote200 views1 answer
How to get key from a button in react
Javascript React
0 vote162 views1 answer
React native header height
Javascript React
0 vote157 views3 answers
How to copy an arry react
Javascript React
0 vote151 views1 answer
Add clickable link to image in react native
Javascript React
2 votes155 views1 answer
Vertical align center react native view
Javascript React
4 votes153 views1 answer
Import img react in another file
Javascript React
0 vote169 views1 answer
Radio button in reactive forms angular material
Javascript React
-2 votes171 views1 answer
React Pagination
Javascript React
11 votes165 views3 answers
React Hook "useState" is called in function "cardState" which is neither a React function component or a custom React Hook function
Javascript React