/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 vote239 views1 answer
React-native how to get size of screen
Javascript React
0 vote239 views3 answers
Difference between React.functioncomponent and React.component
Javascript React
0 vote236 views2 answers
How to render a component multiple times in react
Javascript React
0 vote249 views1 answer
How to calc() height in react native for styling
Javascript React
0 vote244 views1 answer
React native stylesheet shortcut
Javascript React
8 votes208 views2 answers
Useref in react typescrpt
Javascript React
0 vote250 views1 answer
React-drag-drop-files open twice
Javascript React
0 vote232 views1 answer
Get all database react native
Javascript React
0 vote222 views1 answer
React setstate concat string
Javascript React
0 vote234 views1 answer
Make image circle css react
Javascript React