/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 votes186 views2 answers
Autocomplete react jsx attributes vscode
Javascript React
2 votes279 views1 answer
Set dynamic route in link react js
Javascript React
24 votes206 views6 answers
Shadow react native
Javascript React
3 votes200 views2 answers
Yup checking phone number is valid react
Javascript React
0 vote226 views2 answers
Subdomain react app
Javascript React
4 votes228 views1 answer
How to add oAuth google signin in react native app
Javascript React
0 vote213 views1 answer
How to add alternate image in img tag in react
Javascript React
0 vote192 views1 answer
Horizontal scrollview in react js
Javascript React
0 vote188 views1 answer
Native module reactnativepushnotification tried to override rnpushnotification
Javascript React
0 vote218 views1 answer
How disabled react-select
Javascript React