Json reactjs将支持哪种格式来呈现字体？

我有一个json数据数组。我使用axios从API获取数据，并希望使用不同的json数据进行映射。一切正常。但令人敬畏的字体图标并不吸引人。其内部是在前端UI中获取纯代码，例如（Spa）。这就是我尝试过的。请把我的密码扔出去

import React，{Component}来自'React'；
导入“./src/./../assets/css/homenavbarwithsearch.css”；
导入“../../node_modules/font awesome/css/font awesome.min.css”；
从“/NavBar”导入导航栏；
从“../Components/datepicker”导入示例；
从“axios”导入axios；
导入“../scripts/api”；
类HomeNavBarwithSearch扩展组件{
建造师（道具）{
超级（道具）；
此.state={
propertyname:[]，
buildingtype:[]，
设施数据：[]，
uiRoomType：{
“单人房”：“单人房”，
“双卧室”：“双床房”，
“一家必和必拓公寓”：“一家必和必拓公寓”，
“TwoBHKApartment”：“Twobhk公寓”，
“ThreeBHKApartment”：“Three BHK公寓”，
},
设施指南：{
“空调”：{
“img”：“，
“名称”：“空调”
},
“机场转移”：{
“img”：“，
“名称”：“机场中转”
},
“阳台”：{
“img”：“，
“名称”：“阳台”
},
“浴缸”：{
“img”：“，
“名称”：“浴缸”
},
“商业友好”：{
“img”：“，
“名称”：“商业友好型”
},
“停车场”：{
“img”：“，
“名称”：“停车场”
},
“咖啡机”：{
“img”：“，
“名称”：“咖啡机”
},
“禁用友好”：{
“img”：“，
“名称”：“禁用友好”
},
“前台”：{
“img”：“，
“姓名”：“前台”
},
“配备齐全”：{
“img”：“，
“名称”：“设备齐全”
},
“健身房”：{
“img”：“，
“名称”：“健身房”
},
“供暖”：{
“img”：“，
“名称”：“加热器”
},
“互联网”：{
“img”：“，
“名称”：“WiFi”
},
“厨房”：{
“img”：“，
“名称”：“厨房”
},
“夜总会”：{
“img”：“，
“名称”：“夜总会”
},
“不吸烟”：{
“img”：“，
“姓名”：“非吸烟区”
},
“撒娇”：{
“img”：“，
“姓名”：“允许养宠物”
},
“私人泳池”：{
“img”：“，
“名称”：“专用池”
},
“冰箱”：{
“img”：“，
“名称”：“冰箱”
},
“餐厅”：{
“img”：“，
“名称”：“餐厅”
},
“桑拿”：{
“img”：“，
“名称”：“桑拿”
},
“半装修”：{
“img”：“，
“名称”：“半装修”
},
“吸烟”：{
“img”：“，
“姓名”：“吸烟”
},
“烟雾区”：{
“img”：“，
“名称”：“吸烟区”
},
“水疗”：{
“img”：“，
“名称”：“Spa”
},
“游泳池”：{
“img”：“，
“名称”：“游泳池”
},
“电视”：{
“img”：“，
“名称”：“电视”
},
“露台”：{
“img”：“，
“名称”：“露台”
},
“洗衣机”：{
“img”：“，
“名称”：“洗衣机”
}
}
}
}
componentDidMount（）{
axios.all([
axios.get（`/facility`），
get（`/meta/roomtypes？buildingtype=Hotel`），
axios.get（`/facility`）
])
.然后（axios.spread（（propertyname、buildingtype、AmentiesData）=>{
console.log（propertyname.data[0]。名称，buildingtype.data）；
这是我的国家({
propertyname:propertyname.data[0]。名称，
buildingtype:buildingtype.data，
修正案数据：修正案数据。数据[0]。修正案