/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

1 vote316 views1 answer
React navigation asyncstorage install
Javascript React
10 votes278 views3 answers
Module not found: Can't resolve '@emotion/react' in 'E:\Web Development\Frontend\React JS Projects\linkedin-clone\node_modules\@mui\styled-engine'
Javascript React
0 vote334 views1 answer
Rich text react renderer
Javascript React
0 vote329 views1 answer
Empty div react
Javascript React
3 votes311 views2 answers
Autocomplete react jsx attributes vscode
Javascript React
0 vote341 views2 answers
React how to change localhost url
Javascript React
1 vote381 views1 answer
How to change favicon dynamic in react js
Javascript React
2 votes317 views1 answer
Npm install --save react-native-vector-icon
Javascript React
2 votes316 views1 answer
What is virtual dom in react
Javascript React
6 votes345 views2 answers
#react native shadow
Javascript React