dilekeda
Centipat
- Katılım
- 5 Nisan 2021
- Mesajlar
- 23
Daha fazla
- Cinsiyet
- Kadın
./src/App.js Attempted import error: 'BrowswerRouter' is not exported from 'react-router-dom'
Bu şekilde hata var. Ne yapmalıyım ?
__________________________KOD DOSYASI_______________________________________
import React from 'react';
import { Container, Grid } from '@material-ui/core';
import Profile from './components/Profile/Profile';
import Hedaer from './components/Header/Header';
import Footer from './components/Footer/Footer';
import Portfolio from './pages/Portfolio/Portfolio';
import Resume from './pages/Resume/Resume';
import {BrowserRouter as Router, Switch, Route } from 'react-router-dom';
import './App.css';
function App() {
return (
<Container>
<Grid container>
<Grid
item
xs={12}
sm={12}
md={4}
lg={3}
style={{ backgroundColor: "blue" }}
>
<Profile />
</Grid>
<Grid item xs style={{ backgroundColor: "red" }}>
<Hedaer />
<Router>
<Switch>
<Route path="/portfolio">
<Portfolio />
</Route>
<Route path="/">
<Resume />
</Route>
</Switch>
</Router>
<Footer />
</Grid>
</Grid>
</Container>
);
}
export default App;
Bu şekilde hata var. Ne yapmalıyım ?
__________________________KOD DOSYASI_______________________________________
import React from 'react';
import { Container, Grid } from '@material-ui/core';
import Profile from './components/Profile/Profile';
import Hedaer from './components/Header/Header';
import Footer from './components/Footer/Footer';
import Portfolio from './pages/Portfolio/Portfolio';
import Resume from './pages/Resume/Resume';
import {BrowserRouter as Router, Switch, Route } from 'react-router-dom';
import './App.css';
function App() {
return (
<Container>
<Grid container>
<Grid
item
xs={12}
sm={12}
md={4}
lg={3}
style={{ backgroundColor: "blue" }}
>
<Profile />
</Grid>
<Grid item xs style={{ backgroundColor: "red" }}>
<Hedaer />
<Router>
<Switch>
<Route path="/portfolio">
<Portfolio />
</Route>
<Route path="/">
<Resume />
</Route>
</Switch>
</Router>
<Footer />
</Grid>
</Grid>
</Container>
);
}
export default App;
Son düzenleme: