/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 vote173 views3 answers
React mid senior dev interview questuions
Javascript React
3 votes228 views1 answer
React how to create range
Javascript React
1 vote225 views2 answers
Toastandroid react native
Javascript React
1 vote156 views1 answer
Mkdir: cannot create directory â€˜src/components/dashboardâ€™: no such file or directory in react
Javascript React
1 vote181 views1 answer
React native tabbed sticky view
Javascript React
11 votes206 views3 answers
Reactjs get url query params as object
Javascript React
0 vote200 views1 answer
Command reboot android app react native adb command
Javascript React
1 vote195 views1 answer
React-native curved view
Javascript React
3 votes201 views2 answers
React usestate functional update
Javascript React
1 vote206 views1 answer
React admin newrecords.foreach is not a function
Javascript React