@DyxVL

Почему у меня теряются часть стилей при Route path='/books/:id' element, где id получаю из useParams?

Друзья, начинаю осваивать 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>
        );
    }
  • Вопрос задан
  • 41 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы