class_component.js

import React from "react";
import DataTable from "./components/DataTable";

class App extends React.Component {
  state = {
    todos: [],
  };

  componentDidMount() {
    fetch("https://jsonplaceholder.typicode.com/todos")
      .then((res) => res.json())
      .then((data) => this.setState({ todos: data, }));
  }

  render() {
    return (
      <DataTable>
      {this.state.todos.map((todo) => (
       <tr key={todo.id}>
          <td>{todo.id}</td>
          <td>{todo.title}</td>
          <td>{todo.completed ? "Yes" : "No"}</td>
          <td>
            <button>Edit</button>
            <button>Delete</button>
          </td>
       </tr>
      ))}
    </DataTable>
    );
  }
}

export default App;