/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 vote140 views3 answers
Image border shadow react native
Javascript React
0 vote173 views1 answer
Add update react pwa feature
Javascript React
4 votes137 views1 answer
Read keyboard reactjs
Javascript React
9 votes135 views6 answers
React Component
Javascript React
1 vote133 views1 answer
React check if string is mail
Javascript React
0 vote144 views1 answer
Get position of element in react
Javascript React
3 votes163 views1 answer
How to test on user reaction discord.js
Javascript React
0 vote150 views1 answer
This.props undefined react native
Javascript React
4 votes170 views2 answers
Axios react post form data
Javascript React
7 votes128 views6 answers
Prop types in react
Javascript React