/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 vote341 views1 answer
React Redux reducer combineReducers exemple
Javascript React
2 votes303 views3 answers
React native component at bottom center
Javascript React
10 votes326 views2 answers
React-native text overflow ellipsis
Javascript React
0 vote332 views1 answer
What is the difference between throttling and debounce and raf throttling in react
Javascript React
0 vote326 views1 answer
Reading state react
Javascript React
0 vote325 views1 answer
Retour à la ligne react native
Javascript React
0 vote343 views1 answer
Enzymes are proteins that speed up reactions by
Javascript React
0 vote301 views1 answer
Select checkbox raitng in order javascript React
Javascript React
0 vote303 views2 answers
React 17 hot reload not working
Javascript React
1 vote297 views1 answer
Reactjs .htaccess
Javascript React