Skip to content

tomenko/goit-react-hw-02-feedback

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

goit-react-hw-02-feedback

Виджет отзывов Как и большинство компаний, кафе Expresso собирает отзывы от своих клиентов. Твоя задача - создать приложение для сбора статистики. Есть всего три варианта обратной связи: хорошо, нейтрально и плохо.

Шаг 1 Приложение должно отображать количество собранных отзывов для каждой категории. Приложение не должно сохранять статистику отзывов между разными сессиями (обновление страницы).

Состояние приложения обязательно должно быть следующего вида, добавлять новые свойства нельзя.

state = { good: 0, neutral: 0, bad: 0 }

Шаг 2 Расширь функционал приложения так, чтобы в интерфейсе отображалось больше статистики о собранных отзывах. Добавь отображение общего количества собранных отзывов из всех категорий и процент положительных отзывов. Для этого создай вспомогательные методы countTotalFeedback() и countPositiveFeedbackPercentage(), подсчитывающие эти значения основываясь на данных в состоянии (вычисляемые данные).

preview

Шаг 3 Выполни рефакторинг приложения. Состояние приложения должно оставаться в корневом компоненте .

Вынеси отображение статистики в отдельный компонент . Вынеси блок кнопок в компонент . Создай компонент

, который рендерит секцию с заголовком и детей (children). Оберни каждый из и в созданный компонент секции.

Шаг 4 Расширь функционал приложения так, чтобы блок статистики рендерился только после того, как был собран хотя бы один отзыв. Сообщение об отсутствиии статистики вынеси в компонент .