Друзья, начинаю осваивать React, строго не судите, но подскажите, почему когда я делаю
<Route path='/books/:id' element={<BooksItemId/>}/>
то при переходе на страницу с конкретной книгой у меня слетает часть стилей, в частности из body уходит картинка с background?
id я получаю через useParams
const BooksItemId = () => {
const {id} = useParams();
return (
<Row>
<Col>
<BooksItem bookId={id}/>
</Col>
</Row>
);
}
вот render из app.js
render(){
if (this.state.error){
return <ErrorMessage/>
}
const BooksItemId = () => {
const {id} = useParams();
return (
<Row>
<Col>
<BooksItem bookId={id}/>
</Col>
</Row>
);
}
return (
<Router>
<div className="app">
<Container>
<Header />
</Container>
<Container>
<Row>
<Col lg={{size: 5, offset: 0}}>
{randomChar}
<button onClick={this.onToglleDisplayRandomChar}>Спрятать рандомного героя</button>
</Col>
</Row>
<Routes>
<Route path='/characters' element={<CharacterPage/>}/>
<Route path='/houses' element={<HousePage/>}/>
<Route path='/books' element={<BookPage/>} exact/>
<Route path='/books/:id' element={<BooksItemId/>}/>
</Routes>
</Container>
</div>
</Router>
);
}