大佬教程收集整理的这篇文章主要介绍了转换 obj json 反应原生，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我有一个 Json：
fakeAPI.Js：
{
"offSet": [
{
"code": "AB","price": "1032"
}
{
"code": "CD","price": "1054"
}
{
"code": "EF","price": "2042"
}
]
}
我想将“代码”转换为文本，例如：
AB 必须显示 Alfa Bravo CD 必须显示 CharlIE Delta EF 必须显示 Eco Foxtrot
App.Js
import React from { useState } from 'react';
import { VIEw,Text } from 'react-native';
import fakeAPI from './fakeAPI.Js';
function App() {
const sus = fakeAPI.offSet;
const getConvert = () => {
const fake = sus.map(place => place.codE);
switch(fakE) {
case "AB":
return <Text>Alfa Bravo</Text>
case "CD":
return <Text>CharlIE Delta</Text>
case "EF":
return <Text>Eco Foxtrot</Text>
default:
return <Text>error</Text>
}
}
return (
<VIEw>
{sus.map(place => (
<VIEw>
<Text>{place.CODECONVERTIDO}</Text>
<Text>{place.pricE}</Text>
</VIEw>
))}
</VIEw>
)
}
export default App;
转换是否正确？我哪里不见了？
谢谢！！
您的 map 函数返回一个数组，该数组必须使用循环进行迭代。
不能在数组上运行 switch 来创建迭代器。
使用您的地图回调将代码处理为文本，并返回数组的两个元素。像……
const convertedCode = sus.map(place => {
let placeConversion = null;
switch(place.codE) {
...
placeConversion = ...
}
return { price: place.price,converted: placeConverted }
});
这是您将数组与 switch case 中的字符串匹配的错误
const fake = sus.map(place => place.codE); 这是返回数组
case "AB": 但在这里你用字符串 macth 数组
所以你的开关应该是
const getConvert = (codE) => {
switch(codE) {
case "AB":
return <Text>Alfa Bravo</Text>
case "CD":
return <Text>Charlie Delta</Text>
case "EF":
return <Text>Eco Foxtrot</Text>
default:
return <Text>error</Text>
}
}
并像这样在渲染函数中使用它
{sus.map(
place => (
<View>
<Text>{getConvert(place.codE)}</Text>
<Text>{place.pricE}</Text>
</View>
)
)
}
以上是大佬教程为你收集整理的转换 obj json 反应原生全部内容，希望文章能够帮你解决转换 obj json 反应原生所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。