Вивчайте Завдання: Застосування Зовнішнього CSS у React-Додатку

Завдання

Тепер створіть компонент Alert, який буде відображати всі елементи, передані як дочірні, та застосовувати до них певні стилі. Завдання:

padding: 20px;
border-radius: 10px;
background-color: lightgreen;
color: darkmagenta;

Для створення елемента div у компоненті використовуйте <div>...</div>.
Щоб передати props.children як текстовий вміст, обгорніть його у {...} та встановіть props.children. Результат: <div>{props.children}</div>.
Щоб додати клас до елемента div, використовуйте атрибут className та встановіть його значення як alert. Результат: className="alert".
Щоб імпортувати файл зі стилями у index.js, використовуйте оператор import та вкажіть правильний шлях до файлу. Результат: import './index.css'.
Щоб застосувати стилі до елемента div, використовуйте селектор класу .alert та вставте стилі із завдання.

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

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

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

Запитати АІ

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

Suggested prompts:

Can you explain how to use the Alert component in my React app?

What should the index.css file contain for the Alert styles?

Can you clarify how to pass children to the Alert component?

Свайпніть щоб показати меню

padding: 20px;
border-radius: 10px;
background-color: lightgreen;
color: darkmagenta;

Для створення елемента div у компоненті використовуйте <div>...</div>.
Щоб передати props.children як текстовий вміст, обгорніть його у {...} та встановіть props.children. Результат: <div>{props.children}</div>.
Щоб додати клас до елемента div, використовуйте атрибут className та встановіть його значення як alert. Результат: className="alert".
Щоб імпортувати файл зі стилями у index.js, використовуйте оператор import та вкажіть правильний шлях до файлу. Результат: import './index.css'.
Щоб застосувати стилі до елемента div, використовуйте селектор класу .alert та вставте стилі із завдання.

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

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

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