/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 vote335 views1 answer
React native tab.screen hide title
Javascript React
1 vote297 views2 answers
What is reactive method
Javascript React
1 vote287 views1 answer
Rendering in react
Javascript React
6 votes305 views1 answer
Create bottom navigation bar react native
Javascript React
4 votes262 views1 answer
Pass parameter to handleclick react
Javascript React
1 vote298 views1 answer
Conditional style react native
Javascript React
0 vote300 views1 answer
How to print an array inside another array in react
Javascript React
11 votes295 views2 answers
React must be in scope when using jsx
Javascript React
0 vote274 views1 answer
Ts(2749) react testing library
Javascript React
0 vote275 views1 answer
Autofocus is not working in react native
Javascript React