небольшая задачка по React Js [требует правки]

Это задание требуется выполнить на React Js, тут нужно поля ввода, но как данные из него отправить или взять с помощью методов я не могу понять

1. Общее описание Необходимо создать одностраничное клиентское приложение для управления списком гостей вечеринки с использованием библиотеки React.js.
2. Описание функций Приложение состоит из одного экрана, включающего следующие основные элементы:
3. Текстовое поле для ввода имени гостя. При фокусе на поле ввода, после нажатия клавиши Enter, в список гостей должен добавиться гость с именем, соответствующим значению поля, при условии, что оно непустое. После добавления гостя поле очищается.
4. Список добавленных гостей. Представляет собой список элементов, состоящих из следующих частей: ● Имя гостя. Является обычным текстовым элементом, но по двойному клику мышкой на нем превращается в поле ввода со значением редактируемого имени. После потери фокуса полем ввода, оно возвращается в состояние обычного текста с новым значением. Если на момент потери фокуса поле было пустым, гость удаляется из списка. ● Кнопка удаления гостя из списка. ● Checkbox, для пометки, что гость придет не один, а с парой.
5. Три кнопки для фильтрации списка по параметрам: "Все", "С парой", "Без пары".
6. Счетчик, показывающий сколько всего гостей добавлено в список, с учетом того, что некоторые из них придут не одни.