/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 vote376 views1 answer
Import tippy react
Javascript React
0 vote377 views1 answer
Failed to construct image react-native
Javascript React
0 vote384 views1 answer
React-native-image-viewing
Javascript React
1 vote373 views1 answer
Unexpected token export type react bottontab navigation
Javascript React
13 votes386 views1 answer
React js vs jsx
Javascript React
1 vote399 views1 answer
How to set state when change viewport react
Javascript React
0 vote369 views1 answer
Reactvs y axis range
Javascript React
1 vote357 views1 answer
Npm package for sorting in reactjs
Javascript React
0 vote326 views1 answer
React native onChangeText resize the background image
Javascript React
1 vote380 views1 answer
React router dom 6 go back
Javascript React