https://github.com/yuriyvyatkin/ra-hw-3.1-rating

ДЗ №1 к лекции «Props» курса «React» Нетологии
https://github.com/yuriyvyatkin/ra-hw-3.1-rating

props reactjs

Last synced: 9 months ago
JSON representation

ДЗ №1 к лекции «Props» курса «React» Нетологии

• Host: GitHub
• URL: https://github.com/yuriyvyatkin/ra-hw-3.1-rating
• Owner: yuriyvyatkin
• Created: 2021-11-01T11:41:30.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2021-11-02T06:29:53.000Z (about 4 years ago)
• Last Synced: 2025-01-04T01:39:03.369Z (11 months ago)
• Topics: props, reactjs
• Language: JavaScript
• Homepage: https://yuriyvyatkin.github.io/ra-hw-3.1-rating/
• Size: 775 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Домашнее задание №1 к лекции «Props»

[![Build status](https://ci.appveyor.com/api/projects/status/5m821gnbfsalmrwb?svg=true)](https://ci.appveyor.com/project/yuriyvyatkin/ra-hw-3-1-rating)

[Ссылка на Github Pages](https://yuriyvyatkin.github.io/ra-hw-3.1-rating/)

Рейтинг фильмов

===

Необходимо реализовать компонент отображающий рейтинг фильма в виде звезд:

![Список фильмов](./assets/preview.png)

## Описание компонента

Для отображения рейтинга создайте компонент `Stars`, который принимает следующие атрибуты:

- `count` — рейтинг фильтам, _число_, по умолчанию `0`.

Если рейтинг меньше `1` или больше `5`, или вообще не число, то компонент не должен иметь какого-либо представления в DOM.

Звезды рейтинга должны быть представлены тегом `
` с классом `card-body-stars`. Для отображения символа звезды внутри тега `
` используйте компонент `Star`.


## Пример использования

```jsx

// Внутри App

return (

  ,

);

```

Компонент должен дать следующий код:

```html



  


    

      

      

    

  



```


## Реализация

Необходимо реализовать компонет `Stars` (не забудьте, что отдельная звезда должна быть представлена компонентом `Star`).

Важно: вам нужно реализовать только отображение звездочек (карточку фильма не нужно).