#css #reactjs
#css #reactjs
Вопрос:
Когда я добавляю новый HTML-код в свое приложение React, стили CSS из файла App.css больше не применяются, пока я не введу их повторно Import './App.css'" в head. Пожалуйста, любое решение.
Ответ №1:
Все наши компоненты в React действуют как модули, и их данные (переменные, функции) являются частными для них. Для доступа к коду или стилям из других файлов нам нужен импорт из других модулей.
Наш App.js также является одним из таких компонентов. Пока вы этого не сделаете import './App.css' , CSS не будет применен к App.js .
Комментарии:
1. Поэтому мне просто нужно удалять и перепечатывать
import './App.css'каждый раз, когда я редактирую HTML-код в App.js ? не кажется приятным решением2. Зачем вам его удалять? Вы оставляете инструкцию import в своем файле верхнего уровня
3. в этом проблема в первую очередь . Я оставляю импорт, и CSS не будет применяться, пока я не введу его повторно. @Grant
4. @Rachidl’harime Может быть несколько причин, почему это происходит, нам нужно было бы узнать более подробную информацию о вашем индивидуальном случае, т.Е. Поделиться с нами некоторым кодом, это может быть даже проблема сборки с вашими текущими инструментами, но мы не сможем диагностировать ее дальше без дополнительной информации
5. @Rachid: Братан, есть несколько способов включить CSS в наш React. 1. сохранить все в файле index.css, во-вторых, использовать файл CSS с тем же именем, что и ваш компонент, а затем импортировать в этот компонент. Что вы и пытаетесь сделать.
Ответ №2:
Проблема решена, речь шла о bootstrap .
Импортируйте bootstrap/dist/css/bootstrap.min.css раньше App.css .
Я делал обратное .
Комментарии:
1. Дорогой друг, вы никогда не упоминали, что использовали какую-либо стороннюю библиотеку CSS в своих вопросах 🙂 В любом случае, счастливого друга-программиста. Итак, что происходило в вашем случае, стили App.css переопределялись из классов в Bootstrap 🙂 круто. Согласно вашему вопросу, заданному @Rachid, я ответил на него ранее. Если это помогло вам каким-либо образом или в какой-либо форме, пожалуйста, примите это так, как это требуется, побуждает меня помогать все большему количеству разработчиков 🙂 Спасибо