OurSite-and-app
commented
3 years ago Дальше нужно сделать имена вечеринок различимыми. Что я имею в виду: "MyParty" " MyParty " вот такие имена вечеринок нужно запретить. Используем функцию trim() и тогда лишние пробелы исчезнут. Теперь и простой проверкой на "===" можно обойтись. Таким образом, аргументы в компоненте всегда "свежие", а имена различимы
И массив, который передается в компонент тоже обновляется каждый раз :
UseEffect'ом фетчим данные с бэкэнда и передаём их компоненту с формой для создания вечеринки через замыкание (приходится делать так, потому что использую react-router). Тогда эти данные доступны в компоненте-форме через this.props. Теперь возникает проблема - нужно, чтобы эти данные были всегда "свежими"! То есть нужно обновлять массив при вставке новой вечеринки. Решается это так: после того, как передали параметры компоненту с формой для вечеринки и сделали вставку после проверки, вызываем метод onNewParty , который снова изменит состояние массива через setParty