Различное состояние в выбранном входе и динамическом c URL в React

Question

У меня есть выборочный ввод данных JSON о префектурах Японии, использующих React. Пользователи выбирают префектуры по имени.

Выбранное входное значение установлено как state.prefecture, что, например, вызывает "Токио". Я сопоставляю эти данные с параметрами выбора из локального JSON файла.

В динамическом c URL JSON вызове извлечения ${state.prefecture} мне нужен код префектуры вместо имени, «13» в случае Токио.

Есть ли хороший способ сделать это?

Answer 1

Я устанавливаю значение параметра, равное коду префектуры, а затем устанавливаю выбранное значение ввода на value={(state.prefecture, state.code)}

Answer 2

Как только вы сопоставите свои данные с опциями выбора из локального файла JSON, в этот момент вы можете сохранить префектурный код для этого конкретного значения в другой переменной, используя {this.state.prefecture.id} согласно вашему API data.

Затем используйте эти данные для вызова выборки, скажем, $ {this.state.prefecture.id}.