Как установить заголовки в express.js?

попробуй

res.setHeader('Access-Control-Allow-Origin', '*');
  res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE');
  res.setHeader('Access-Control-Allow-Headers', 'Content-Type, Authorization');
  res.setHeader('Access-Control-Allow-Credentials', true);

также проверь через постман свой бекенд на наличие заголовков. Хотя в теории они должны ставиться. На самом деле вопрос корс довольно объемный. Сам недавно столкнулся с забавным поведением, когда ответ сервера проходил без ошибок, но корс блокировали установку куки на клиента, при этом не выводя ошибок в консоль.
Еще полезно как оказалось иногда смотреть в консоли разработчика вкладку "сеть" и читать подробную информацию по запросу/ответу который не прошел.
Короче - читать свежие доки. И да, иногда запутаться легко.

Почему выводит пустую страницу для PHP Server?

А расширение файла какое?

Как сделать так, чтобы по потери фокуса input'ом измененный текст попадал в соответствующий li?

или просто стейт объявить логичнее

Как сделать так, чтобы по потери фокуса input'ом измененный текст попадал в соответствующий li?

самый простой и логичный способ - создать 1 объект стейта и изменять его. что-то вроде

const [data,setData] = useState({
1:"",
2:"",
3:""
})

где ключ это номер, а значение это заметка. А сейчас ты добавляешь что-то типа нового слоя логики чтобы связать данные и представление.

Почему перед содержимым веб-компонента выводится "undefined" если веб-компонент сделан без ошибок и предупреждений?

WbICHA, потому что я не понял замечание про конкатенацию

Какие действия в React вызывают ошибку Cannot update a component while rendering a different component?

Нужно следовать практикам из официальной документации.

Какие действия в React вызывают ошибку Cannot update a component while rendering a different component?

Ошибка возникает потому что невозможно обновить компонент («Приложение») во время рендеринга другого компонента («ProtectedRoute»). Чтобы найти неверный вызов setState() внутри ProtectedRoute, следуйте трассировке стека, как описано. Есть идеи какие действия могли быть ее причиной?

Почему перед содержимым веб-компонента выводится "undefined" если веб-компонент сделан без ошибок и предупреждений?

WbICHA, а есть разница? В плане работоспособности

Почему перед содержимым веб-компонента выводится "undefined" если веб-компонент сделан без ошибок и предупреждений?

WbICHA, Так вроде делают в php при формировании страниц?

Почему перед содержимым веб-компонента выводится "undefined" если веб-компонент сделан без ошибок и предупреждений?

можно код где ты применяешь эти компоненты?

Как настроить сервер Express.js для путей react-router-dom?

VolgaVolga, а какова в таком случае логика работы с сервером? Значит я что-то не понимаю. Я всегда просто "говорил" с сервером через запросы из реакта, и честно не пойму какая дополнительная настройка параметров отправки на клиент может потребоваться экспрессу. И какая ошибка может возникнуть при отрисовке роутов?

Как настроить сервер Express.js для путей react-router-dom?

Алексей Ярков, дак я же в первом посте написал что

По умолчанию експресс не связан с роутами

. Если быть точным то немного поиграл в Холмса и предположил что в связке реакт+експресс это должно быть апи. Потому и попросил код, а то вопрос странный получился.

Почему блоки не встают 2 в ряд flex?

Артем Колчин,

Это не решает проблему.

и не должно. Ты говоришь стилям "этот элемент должен занимать 100(единицы даже не указаны) ширины, но не больше 50% родителя". Есть ли в этом логика думай сам.

Почему блоки не встают 2 в ряд flex?

гап добавляется, и при втором и третьем элементах в 50 процентов их суммарная ширина больше 100%, поэтому элемент будет переноситься. Либо уменьшай ширину, либо используй не 50% а как в моем примере flex:1 для указания элементу занимать всю доступную ширину.

Почему блоки не встают 2 в ряд flex?

Вот так хотел поставить?
И у тебя опечатка в свойстве высоты.

Почему блоки не встают 2 в ряд flex?

У тебя ширина всех блоков 100 процентов

Как настроить сервер Express.js для путей react-router-dom?

luxurypluxury, экспресс выдает данные на фронт по настроенным апи. Он не отдает страницы, как условный php сервер. За то как отрисовываются пути на клиентской стороне ответственен реакт и реакт роутер. Если у тебя ошибка при перезагрузке страницы, значит напортачил с реактом.

Как настроить сервер Express.js для путей react-router-dom?

По умолчанию експресс не связан с роутами. Код покажешь с ошибкой?

Как перехватить событие window.location?

Если автор поподробнее опишет что он хочет реализовать таким образом, ему помогут.

Почему вебсокет постоянно в состоянии подключения при вызове send?

X-yro, написал ответ, отметь решением. На репутацию плевать, просто не оставляй вопрос открытым - режет глаза когда смотришь потом ленту.