всем привет, можете помочь, сделаk диначиский select option но при этом хочу добавить еще один <option disabled hidden value='' key={index}>Выбрать...</option> соответсвенно в атрибуте прописал key. Затем в консоле начали сыпаться ошибки.


index.js:1375 Warning: Encountered two children with the same key, 17. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.


как можно реолизовать или обойти эту ошибку


https://prnt.sc/pwpi36

всем привет, можете помочь, сделаk диначиский select option но при этом хочу добавить еще один <option disabled hidden value='' key={index}>Выбрать...</option> соответсвенно в атрибуте прописал key. Затем в консоле начали сыпаться ошибки.


index.js:1375 Warning: Encountered two children with the same key, 17. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.


как можно реолизовать или обойти эту ошибку


https://prnt.sc/pwpi36

Ты когда проходишь по массиву options мапом (map), то для каждого элемента массива пытаешься вернуть две опции (первая "Выбрать...", вторая - соответствует элементу массива).

Нужно либо твою первую опцию добавить первым элементом в массив options, а потом пройти методом map, либо проходить мапом по массиву внутри фрагмента, после опции "Выбрать..."

Я новенький в react, так что сори за тривиальные вопросы

У меня есть backend sever который на http request отдает json и после реакт на основе json создаёт наполнение и пихает его в render.

1) правильная ли модель?
2) как вы фиксили Cross-Origin Resource Policy (CORP) ? В моем случае это просто добавление в заголовок ответа http  : Access-Control-Allow-Origin *

Заранее спасибо)

1) да, но нужно учитывать чтоб были заглушки для тех моментов, когда данные еще не успели придти, чтоб пользователь не смотрел на пустой экран

2)  CORP по хорошему не должен использоваться. и бэк и сервинг фронта должны находится на одном сервере, просто разными инстансами

2) у меня фронт на 3000 порте, бэк на 8083 и все равно реакт выкидывал эту ошибку

2) у меня фронт на 3000 порте, бэк на 8083 и все равно реакт выкидывал эту ошибку

Если create react app, то в package.json
"proxy": "http://localhost:8083"

тогда проблем не будет, ибо внутри сервера не нужны CORS политики

Ну значит я дето коряво настроил🙈

сори, не очень в тему, но мб "dns", а не "dsn"?