Я довольно новичок в React и решил показать некоторую информацию из файла JSON, чтобы лучше понять React. Я сделал запрос на получение и передаю JSON в штат. Затем я использую это состояние для передачи данных в качестве реквизита в пользовательский компонент. Проблема в том, что некоторые ключи в JSON названы с - в них. Когда я пытаюсь выбрать ключ, React выдает ошибку, говоря, что значение после дефиса не определено. Я пытался использовать jsonObj ['key-name'] и не повезло.
Структура JSON структурирована следующим образом.
appearance:{
"eye-color": "Blue",
"gender": "Male",
"hair-color": "Black"
}
При передаче данных как свойства они в настоящее время называются
{appearance.eye-color}
Обратите внимание, что Я успешно передал реквизиты типа
{appearance.gender}
без проблем.
Кто-нибудь сталкивался с этой проблемой раньше? Если вам нужна дополнительная информация, чтобы понять проблему, это может быть показано.