Блог

Главная - Вопросы по программированию - Загрузите мои файлы стилей в React helmet, перед загрузкой стилей компонентов

Загрузите мои файлы стилей в React helmet, перед загрузкой стилей компонентов

#javascript #css #reactjs #react-helmet #react-styleguidist

#javascript #css #reactjs #react-шлем #react-styleguidist

Вопрос:

В моих приложениях app.js , По какой-то причине я загружаю bootstrap CSS в свой шлем react, но загружается после загрузки пользовательских стилей компонентов. Поэтому некоторые из моих стилей переопределения не работают. как я могу загрузить CSS react-helmet перед компонентами?. Пожалуйста, помогите мне в этом

app.js

 import React, { Component, Suspense, lazy } from "react";
import ...mycomponents
class App extends Component {
render() {
<div>
<Helmet>
 <link
  type="text/css"
  rel="stylesheet"
  href="vendors/bootstrap/css/bootstrap.css"/>
</Helmet>
<Switch>
  <Route path="/home">
    <Home {...this.props} />
  </Route>
</Switch>
</div>
}
}

Поэтому необходимо загрузить bootsrap.css перед загрузкой компонента home.

Комментарии:

1. Даже если порядок файлов CSS изменится, вы можете сделать свои селекторы более специфичными для переопределения bootstrap.css . Можете ли вы привести мне пример какого-нибудь CSS-селектора, который переопределяется? И как вы управляете стилями в React? стилизованные компоненты или простой импорт?

2. Я просто использую простой импорт @Pankaj Phartiyal. Нам просто нужно, чтобы шлем внутри css запускался первым перед home.css в компоненте.

3. почему бы не использовать тег ссылки непосредственно в голове вместо шлема?

4. Потому что мне нужно динамически изменять различные CSS-файлы, используя Шлем на основе параметров. @PankajPhartiyal.

Метки: ,