/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 vote222 views1 answer
React hooks link to external site new tab
Javascript React
0 vote237 views1 answer
Paging react mongoose
Javascript React
1 vote247 views2 answers
Line break in react
Javascript React
0 vote231 views1 answer
Curved lines on google maps usint react
Javascript React
2 votes246 views1 answer
React dynamic import
Javascript React
0 vote248 views1 answer
React native textinput lowercase
Javascript React
0 vote236 views1 answer
React native carriage return
Javascript React
1 vote225 views3 answers
Add react to existing project
Javascript React
0 vote274 views1 answer
./node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.js
Javascript React
0 vote195 views3 answers
Flash effect in react native
Javascript React