/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 vote194 views1 answer
React Hook useEffect has missing dependencies: 'cart' and 'user._id'. Either include them or remove the dependency array react-hooks/exhaustive-deps
Javascript React
-1 vote189 views3 answers
Instalar react native paper
Javascript React
142 votes751 views6 answers
Create-react-app
Javascript React
16 votes204 views6 answers
React useState hook
Javascript React
0 vote183 views2 answers
React display base64 image
Javascript React
0 vote171 views1 answer
A react component can only return]
Javascript React
1 vote181 views1 answer
Implementating step component in react
Javascript React
-2 votes200 views2 answers
React native margin
Javascript React
0 vote210 views1 answer
How to load a javascript game from react
Javascript React
0 vote297 views1 answer
Difference in push and navigate in react Navigation
Javascript React