#reactjs #material-ui
#reactjs #материал-пользовательский интерфейс
Вопрос:
Этот вопрос может показаться глупым, пожалуйста, простите мои небольшие знания. Я видел данные JSON по стране-региону. Я хочу использовать эти данные JSON, получая доступ к странам и регионам через компонент выбора пользовательского интерфейса материала. В принципе, я хочу создать свой, используя компонент MUI select.
Как мне передать данные Json в поле выбора страны, изменить регион в зависимости от страны
точно так же, как эта библиотека
https://www.npmjs.com/package/react-country-region-selector
Причина, по которой я не хочу этого, заключается в том, что добавлять стили очень сложно, и я не хочу иметь другой стиль, поскольку я использую MUI.
если компонент: эти компоненты по умолчанию будут использовать MUI <Select />
<CountryComponent value={country's data from JSON} onChange={} />
<RegionComponent value={state data from JSON} country={based on country Selected} onChange={} />
Спасибо!
Комментарии:
1. Не могли бы вы предоставить полный или часть файла JSON?
2. Это репозиторий: github.com/country-regions/country-region-data
Ответ №1:
Посмотрите на это: https://codesandbox.io/s/vigorous-cache-q8l8n?file=/src/App.js .
Я создал файл countries.js и добавил две страны и два региона для обоих. Они имеют ту же схему, что и округа и регионы в библиотеке выбора стран-регионов.
Логика проста: пока вы не выбрали какую-либо страну, вы не можете выбрать какой-либо регион. Оба остаются в состоянии.
Комментарии:
1. Потрясающе… как я могу получить доступ к выбранным данным … он возвращает объект, но мне нужно значение для сохранения в БД
2. Должен ли я просто сказать country.countryName… чтобы использовать его?
3. Какое значение вам нужно? Названия страны и региона?
4. Да, сэр .. точно
5. Вы можете получить имена таким образом:
country.countryNameиregion.nameиз состояния