Athanor

Информация от одно компонента к другому в реакте можете предеаваться через пропсы, как и требуют сделать в задании.
Вот так это будет работать — Демо

preflight-запросы делаются с другого хоста и методом является OPTIONS.

В целом, у вас все написано правильно и проверка будет зависеть от того, где и как вы хостите сервис. В целом, шаги следующие:
1. Если вы пишете эти директивы в .htaccess, то убедитесь, что у вас выставлен AllowOverride All в конфигах /etc/apache2 и .htaccess подхватывается.
2. Убедитесь, что у вас включен mod_headers, выполнив команду a2enmod headers.
3. Воспользуйтесь, например, https://www.test-cors.org/ для проверки того появился ли доступ.

Если у вас на shared-хостинге это и вы не можете выполнить эти действия, обратитесь в техническую поддержку с вашим вопросом как решить эту проблему.

Удачи в решении вопроса )

С уважением,
Иван Томилов
CEO of Athanor

https://medium.com/javascript-scene/do-react-hooks...

Например, так

Родителя не получается найти, т.к элемент удаляется раньше, чем происходит обработка клика, чтоб исправить это на ум приходит множество костылей, но я бы предложил не писать велосипедов, а использовать проверенные готовые решения типа https://github.com/Pomax/react-onclickoutside

Ваш код с использованием библиотеки:
https://codesandbox.io/embed/suspicious-grass-6h3m...