/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 vote257 views1 answer
React prevent form submission on enter key press inside inputs
Javascript React
0 vote216 views1 answer
Take site to top after clicking in react
Javascript React
0 vote252 views2 answers
React-bootstrap sidebar menu
Javascript React
15 votes210 views8 answers
React bootstrap
Javascript React
2 votes205 views2 answers
Pdf table files download react not working
Javascript React
0 vote181 views1 answer
How to enable emit on react in vs code
Javascript React
0 vote198 views1 answer
Get call log in react native with filter android
Javascript React
0 vote199 views1 answer
React setstate in another component
Javascript React
1 vote247 views3 answers
Iframe in react
Javascript React
0 vote223 views1 answer
Blank array condition in react js
Javascript React