/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

16 votes135 views2 answers
Render text in for loop react in function
Javascript React
0 vote133 views1 answer
React throttle render
Javascript React
3 votes134 views1 answer
How to preview a pdf document in react
Javascript React
3 votes159 views1 answer
How to test on user reaction discord.js
Javascript React
0 vote152 views1 answer
React native dynamic style
Javascript React
0 vote132 views1 answer
Limit values that satisy a url parameter react-router
Javascript React
2 votes181 views2 answers
Export aab bundle react native android
Javascript React
0 vote144 views1 answer
React bootstrap carousel caption placement top
Javascript React
0 vote145 views1 answer
Formdata append react js
Javascript React
0 vote143 views1 answer
Comming soon page in react
Javascript React