/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 vote101 views1 answer
Showing a custom toast function for react-toastify - Toast show
Javascript React
0 vote98 views1 answer
Input hook react
Javascript React
0 vote139 views1 answer
React-data-table-component cell action stack overflow
Javascript React
0 vote111 views4 answers
Reactnative sliding image
Javascript React
0 vote113 views1 answer
How to insalk react router with npm
Javascript React
0 vote95 views1 answer
Key being passed as prop react
Javascript React
0 vote128 views1 answer
Navigation.openDrawer is not a function react native
Javascript React
1 vote116 views1 answer
How to create a button with react
Javascript React
3 votes101 views1 answer
React on hover reveal
Javascript React
0 vote107 views1 answer
Create-react-app height issues with flex
Javascript React