import React from "react";
import { deleteHandlr } from "./task/task";
import "./styles.css";
export default function App() {
  const [routs, setRouts] = React.useState([]);
  React.useEffect(() => {
    fetch("
http://192.168.0.103:8080/api/routers")
      .then(info => info.json())
      .then(data => setRouts([...data]))
      .catch(err => console.log(err));
  });
  const deleted = index => {
    deleteHandlr(index);
  };
  return (
    <div className="App">
      <h1 onClick={() => deleted(1)}>Hello CodeSandbox</h1>
    </div>
  );
}