Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Челендж: CSS Модулі | Стилізація в React Додатках
Опановуємо React
course content

Зміст курсу

Опановуємо React

Опановуємо React

4. React в Реальному Світі

book
Челендж: CSS Модулі

Завдання: Створення картки користувача за допомогою модулів CSS

У цьому завданні ви розробите картку користувача, яка відображатиме його фотографію та відповідну інформацію. Застосуйте відповідні стилі до кожного компонента та забезпечте їх правильне використання. Наша мета - досягти такого інтерфейсу:

Завдання таке:

  1. У файлі UserInfo.jsx імпортуйте файл стилів (UserInfo.module.css) і призначити його як s для асоціації стилів.

  2. Щоб завершити збірку програми, імпортуйте файл UserInfo.jsx до файлу App.jsx.

  1. To import a file, use the import statement and specify the source file.

  2. To associate the CSS file with the s, import it using import s from "path_to_the_file";.

  3. To utilize the UserInfo component within the App component, use the syntax </UserInfo />.

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 2. Розділ 10

Запитати АІ

expand
ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

course content

Зміст курсу

Опановуємо React

Опановуємо React

4. React в Реальному Світі

book
Челендж: CSS Модулі

Завдання: Створення картки користувача за допомогою модулів CSS

У цьому завданні ви розробите картку користувача, яка відображатиме його фотографію та відповідну інформацію. Застосуйте відповідні стилі до кожного компонента та забезпечте їх правильне використання. Наша мета - досягти такого інтерфейсу:

Завдання таке:

  1. У файлі UserInfo.jsx імпортуйте файл стилів (UserInfo.module.css) і призначити його як s для асоціації стилів.

  2. Щоб завершити збірку програми, імпортуйте файл UserInfo.jsx до файлу App.jsx.

  1. To import a file, use the import statement and specify the source file.

  2. To associate the CSS file with the s, import it using import s from "path_to_the_file";.

  3. To utilize the UserInfo component within the App component, use the syntax </UserInfo />.

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 2. Розділ 10
Ми дуже хвилюємося, що щось пішло не так. Що трапилося?
some-alt