Как написать форму(select) на react?

Антон Спирин, я пробовал так делать - не работает
тем более acountId содержит только сам айдишник, там же нет имени.



Или я в функции

handleChange = (selectedOption) => {
        this.setState({account_id: selectedOption})
  }

должен был как-то имя передавать?

Как написать форму(select) на react?

Не знаю, можно ли писать здесь, или стоит создать новый вопрос. Но все же попробую.
По крайней мере, здесь хотя бы будет ясен контекст вопроса.

Сейчас все работает, select появляется
Часть кода которая получилась в итоге, выводящая select

handleChange = (selectedOption) => {
        this.setState({account_id: selectedOption})
  }

const options  =[{"name1": "Some_name1", "id": 123}, {"name2": "Some_name2", "id": 987}]

 <span>Names</span>
<Select
                            size={'default'}
                            placeholder="Select a name"
                            className='some-name'
                            onChange={this.handleChange}
                            style={{width: '100%'}}
                        >
                            {options.map(option => (
                                <option value={option.id}>{option.name}
                                </option>
                            ))}
                        </Select>
</span>

Вот в чем собственно вопрос.
По умолчанию select появляется пустым и только по клику выподают значения. Можно ли как-то сделать, что-бы по умолчанию уже стояло первое значение. Аналог html аттрибута selected.
Т.е. сейчас как на первых 2 скриншотах, а нужно что б было, как на 3 и 4

Есть предположение, что нужно создать у selecta атрибут value={что-то прописать}, ну уверенности в этом нет, и нет понимания что прописывать.
Не могли бы подсказать направление в каком двигаться, что б решить эту проблему?
Сейчас вот так

.

А нужно что б было вот так

.

Как написать форму(select) на react?

Антон Спирин, Огромное спасибо, не знаю как Вас можно отблагодарить.
Вы действительно меня спасли.

Как написать форму(select) на react?

Антон Спирин, Огромное спасибо, ну раз уж начал Вас задалбывать, можно последний вопрос.
Мало ли, может вы знаете, и не придется создавать новый вопрос.
Мой JSON файл находится в переменной окружения .env
Прописан он там вот так.

SOME_JSON =[{"name1": "Some_name1", "id": 123}, {"name2": "Some_name2", "id": 987}]

Если я вызываю его оттуда и тупо прописываю на странице реакта где делаю Select, и в одном случае работает а в другом нет, не знаете с чем это может быть связано?
Прилагаю скрин из консоли где вывожу оба

Как написать форму(select) на react?

Антон Спирин, не совсем понял для чего используется функция в Вашем последнем комментарии. Т.е. к какому виду мы приводим JSON? Что бы все элементы были без кавычек?

Как написать форму(select) на react?

Пример из вашего проекта для меня вообще не постежим))))))
На данный момент у меня все выглядит вот так

<Select
                            value={внешняя функция которая считывает JSON}
                            size={'default'}
                           placeholder="Select name"
                            className='name-select'
                            onChange={внешняя функция которая меняет элементы в select }
                            style={{width: '100%'}}
                        >
                        </Select>

В Вашем примере у элементов title и value нет кавычек, у меня же они есть, не знаю насколько это критично?

SOME_JSON =[{"name1": "Some_name1", "id": 123}, {"name2": "Some_name2", "id": 987}]

Редактировать Json я не могу.
Как я понимаю моя задача сейчас сводится к написанию 2х функций: 1 которая считывает JSON, 2 - которая меняет элементы
Правильно ли я рассуждаю?

Как написать форму(select) на react?

с документацией ознакамливаюсь, как сделать простую форму понимание есть.
Нет понимания как считать с JSON файла значение полей name1 и name2 и использовать это в select

P.S. Вопрос написал не сразу, а реально читал документацию, пытался реализоать и как крайний вариант уже написал.
Т.к. новичок - очень сильно сказывается отсутствие опыта и знаний.

Как считать переменную окружения из json файла?

Антон Спирин, Мне просто нужно было вывести в html переменные окружения которые находятся в файле .env локально, я думал есть какой-то простой способ получить к ним доступ, а-ля env['ACCOUNTS']
Видимо ошибался. Все же благодарю за ответ.

Как считать переменную окружения из json файла?

а без стороннего софта никак нельзя это сделать?

Как перейти в новую ветку на github?

благодарю за литературу.

Как перейти в новую ветку на github?

благодарю,

VCS --> Git --> Fetch

- помогло