/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

3 votes380 views1 answer
React js image path src from local folder
Javascript React
4 votes407 views2 answers
How to use react-native-vector-icons
Javascript React
10 votes370 views4 answers
React hooks
Javascript React
0 vote399 views1 answer
Reading state react
Javascript React
0 vote422 views1 answer
React router dom return undefined
Javascript React
7 votes421 views3 answers
How to update a state with an array react
Javascript React
7 votes401 views4 answers
React history push search params
Javascript React
0 vote379 views2 answers
TS2307: Cannot find module './archive.svg' jest react
Javascript React
0 vote460 views1 answer
Missing script: "start" react
Javascript React
0 vote346 views1 answer
React Native Text style example
Javascript React