/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

3 votes202 views2 answers
Use font awsome in react
Javascript React
0 vote186 views1 answer
Ui5 React bind element
Javascript React
7 votes225 views3 answers
Conditional style prop react
Javascript React
0 vote204 views1 answer
React content loader
Javascript React
-2 votes195 views2 answers
React native margin
Javascript React
34 votes188 views3 answers
React-router
Javascript React
0 vote197 views1 answer
Eslint init settings for ReactJS
Javascript React
0 vote181 views1 answer
Load all icon from a folder in react
Javascript React
0 vote198 views1 answer
React import coreui icons
Javascript React
8 votes190 views3 answers
Shadown reAct native
Javascript React