Javascript react本机未定义变量
我在react native上的变量有问题。当我用Javascript react本机未定义变量,javascript,react-native,undefined,Javascript,React Native,Undefined,我在react native上的变量有问题。当我用console.log()显示变量时,一切都很好,我得到了它的内容。但是当我将它与map一起使用时,我的变量是未定义的。这是我的密码 const ServiceAction = (props) => { const { services } = props; console.log("Services:", services) return services.map((service, index) => {r
console.log()
显示变量时,一切都很好,我得到了它的内容。但是当我将它与map
一起使用时,我的变量是未定义的。这是我的密码
const ServiceAction = (props) => {
const { services } = props;
console.log("Services:", services)
return services.map((service, index) => {return <Text key={index}>{service.name}</Text>})
}
试着这样做:
const ServiceAction=(道具)=>{
const{services}=props;
让testArray=[]
日志(“服务:”,服务)
services.map((服务,索引)=>{testArray.push({service.name})})
返回测试阵列
}
什么类型的对象是services
?它是一个类似这样的JSON:services=[{name:'toto'},{name:'titi'}]你能展示一下console.log
语句所打印的内容吗?请不要在问题的标题中添加像SOLVED这样的内容。看见
const Dashboard: () => React$Node = (props) => {
// const [state, dispatch] = React.useReducer(userReducer, props.navigation.getParam("user"));
// const ip = props.navigation.getParam("ip");
const ip = "192.168.1.37";
const [state, dispatch] = React.useReducer(userReducer, initialStateUser);
const [services, setServices] = React.useState([]);
const [serviceAction, setServiceAction] = React.useState("Default");
React.useEffect(() => {
fetch(`http://${ip}:8080/about.json`)
.then((response) => {return response.json()})
.then((data) => setServices(data.server.services))
.catch((err) => console.log(err))
},[])
return (
<LinearGradient start={{x: 0, y: 0}} end={{x: 1, y: 1}} colors={['rgba(58,115,215,1)', 'rgba(44,120,215,1)', 'rgba(68,116,213,1)', 'rgba(47,105,191,1)', 'rgba(131,75,191,1)', 'rgba(198,98,237,1)']} style={styles.linearGradient}>
<Image style={{width: 400, height: 50}} source={require('../assets/logo.png')}/>
<ServiceAction services={services} />
</LinearGradient>
)
}
Services = [{
name: 'toto'
}, {
name: 'titi'
}
]