diff --git a/src/App.js b/src/App.js index 3784575..d97da72 100644 --- a/src/App.js +++ b/src/App.js @@ -1,24 +1,13 @@ -import logo from './logo.svg'; -import './App.css'; +import React from "react" +import { Route, Switch } from "react-router-dom" + +import InfoPage from "./component/InfoPage.jsx" function App() { return ( -
-
- logo -

- Edit src/App.js and save to reload. -

- - Learn React - -
-
+ + + ); } diff --git a/src/index.js b/src/index.js index d563c0f..7f09541 100644 --- a/src/index.js +++ b/src/index.js @@ -3,11 +3,14 @@ import ReactDOM from 'react-dom/client'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; +import { BrowserRouter } from "react-router-dom"; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( - + + + ); diff --git a/src/interfaces/DataComponent.jsx b/src/interfaces/DataComponent.jsx new file mode 100644 index 0000000..4ae563a --- /dev/null +++ b/src/interfaces/DataComponent.jsx @@ -0,0 +1,14 @@ +import ResetableComponent from "./ResetableComponent.jsx"; + +export default class DataComponent extends ResetableComponent { + + constructor(componentId) { + super(); + this.compId = componentId; + } + + exportData() {} + + getId() { return this.compId; } + +} \ No newline at end of file diff --git a/src/interfaces/ResetableComponent.jsx b/src/interfaces/ResetableComponent.jsx new file mode 100644 index 0000000..9405557 --- /dev/null +++ b/src/interfaces/ResetableComponent.jsx @@ -0,0 +1,7 @@ +import React from 'react'; + +export default class ResetableComponent extends React.Component { + + reset() {} + +} \ No newline at end of file