/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

5 votes126 views2 answers
Onclick multiple functions react
Javascript React
1 vote147 views1 answer
React redux wait for props
Javascript React
0 vote114 views2 answers
React display base64 image
Javascript React
31 votes133 views1 answer
Npm install react-router-dom --save
Javascript React
2 votes131 views2 answers
React native dimensions window vs screen
Javascript React
6 votes122 views6 answers
Shadow react native generator
Javascript React
2 votes126 views2 answers
Export multiple functions react
Javascript React
0 vote122 views1 answer
Scroll load react
Javascript React
0 vote133 views1 answer
React native tdd emzyme
Javascript React
0 vote178 views1 answer
Handling props in functional components reactjs ijnterview questions
Javascript React