Skip to content

Latest commit

 

History

History

profile-validation

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
images
images
 
 
js
js
 
 
res/images
res/images
 
 
README.md
README.md
 
 
index.html
index.html
 
 

README.md

Валидация данных профиля

В нашем приложении есть компонент профиля Profile, который отображает различную информацию о пользователе. В данный момент он не имеет defaultProps и propTypes, что зачастую приводит к его неверной работе.

Неверное отображение

Добавить к компоненту Profile необходимые defaultProps и propTypes. Для валидации адреса профиля и даты рождения требуется разработать соответствующие валидаторы.

Реализация

Требуется внести следующие изменения:

  • У профиля должна быть картинка по умолчанию (./images/profile.jpg).
  • Адрес профиля в соц сети должен валидироваться на соответствие url вида https://vk.com/(id[0-9]+|[A-Za-z0-9_-]+).
  • Дата рождения должна валидироваться на соответствие формату даты YYYY-MM-DD и не быть больше текущей.
  • Внести изменения в данные в массиве profiles в state компонента App если требуется.

Верное отображение

Локально с использованием git

Компонент профиля ./js/Profile.js.

В песочнице CodePen

Измените компонент во вкладке JS(Babel). Перед началом работы сделайте форк этого пена:

https://codepen.io/Netology/pen/WJwQpV