/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 vote137 views3 answers
React counter animation
Javascript React
0 vote168 views1 answer
React read multiple files with filereader
Javascript React
3 votes156 views2 answers
React native pm ERR! code EINTEGRITY
Javascript React
0 vote142 views1 answer
React hooks link to external site new tab
Javascript React
4 votes182 views1 answer
Carousel react
Javascript React
0 vote157 views1 answer
Overflow scroll react native
Javascript React
0 vote143 views1 answer
React testing library for hooks
Javascript React
2 votes151 views1 answer
Combining two styles react native
Javascript React
0 vote152 views1 answer
./src/components/Header/HeaderElements.js [1] Module not found: Can't resolve 'react-icons/fa' in '/Users/rubenmatamoros/Desktop/ucf-coding-bootcamp-2020/fitter/client/src/components/Header'
Javascript React
0 vote159 views2 answers
How to make a bot react to own message js
Javascript React