/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 vote122 views1 answer
Sort by attribute in reactjs
Javascript React
1 vote192 views1 answer
How to resize react icons
Javascript React
0 vote148 views1 answer
React native scrollable
Javascript React
0 vote138 views1 answer
Fcctest cdn reactjs setup
Javascript React
-1 vote123 views2 answers
3 dots React
Javascript React
0 vote137 views1 answer
React-native-safe-area-context
Javascript React
0 vote154 views1 answer
Icon with label in react native
Javascript React
4 votes85 views1 answer
React router dom v6 goback
Javascript React
0 vote124 views1 answer
How to link t settings react native ios
Javascript React
18 votes125 views5 answers
How to use svg in react js
Javascript React