/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

1 vote304 views1 answer
Arrow not showing react slick
Javascript React
0 vote293 views1 answer
React open a link to an outside siite
Javascript React
1 vote353 views1 answer
How to execute function without using onclick on react code example
Javascript React
0 vote310 views1 answer
Set default types react
Javascript React
0 vote304 views1 answer
Loop number in react
Javascript React
0 vote323 views1 answer
How to add oncklick button react
Javascript React
1 vote302 views1 answer
React js console log not working
Javascript React
1 vote334 views1 answer
React usestate set is async
Javascript React
126 votes431 views4 answers
React app using npm
Javascript React
0 vote319 views1 answer
React native no android sdk found
Javascript React