在React AJAX示例之后,我创建了一个JSX文件,其目的是获取和渲染电影.据我所知,我在这里做的一切.
当我在console.log中我的渲染函数中的数据得到2个结果:
如何在不使用渲染函数中的if/else逻辑的情况下过滤掉Undefined行?当然,迭代结果将导致第一次出错,这将导致我的应用程序崩溃.
处理这个问题的最佳方法是什么?
编辑:也许应用程序在Axios调用完成之前呈现,在这种情况下,我被迫执行if/else语句?
继承我的JSX文件:
import React from "react";
import axios from "axios";
export default class NetflixHero extends React.Component {
constructor() {
super();
this.state = {
movie: []
}
}
}
componentDidMount() {
const apiKey = '87dfa1c669eea853da609d4968d294be';
let requestUrl = 'https://api.themoviedb.org/3/' + this.props.apiAction + '&api_key=' + apiKey;
axios.get(requestUrl).then(response => {
this.setState({movie: response.data.results})
});
}
render() {
//Fires twice. Returns Undefined and an Object
console.log(this.state.movie[0]);
return(
<div></div>
)
}
Run Code Online (Sandbox Code Playgroud) 对于我们的客户,我们创建了一个应用程序,必须在 10 月 11 日之前提供。该应用程序已在 iOS 应用商店中提供,但 Google Play 似乎存在问题。
我已将软件包添加到 9 月 26 日的发布轨道中,希望能在不久之后对其进行审核和发布,幸运的是,它做到了。我可以使用应用程序的直接链接(从播放控制台获取),表明它已正确发布。控制台不会列出任何错误。设备和国家设置已经过双重检查,一切似乎都是正确的。
几天前已经联系了 Google 支持,但不幸的是,他们仍然没有回复。
随着截止日期的临近,我每晚都睡得越来越少。
有没有人对这个特定问题有任何经验并希望有解决方案?
笔记
AndroidManifest.xml
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.kunstmuseum.kunstmuseum"
android:versionCode="1"
android:versionName="1.0">
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<application
android:name=".MainApplication"
android:allowBackup="true"
android:label="@string/app_name"
android:icon="@mipmap/ic_launcher"
android:roundIcon="@mipmap/ic_launcher_round"
android:theme="@style/AppTheme">
<activity
android:name=".MainActivity"
android:label="@string/app_name"
android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
android:screenOrientation="portrait"
android:windowSoftInputMode="adjustResize">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
<service …Run Code Online (Sandbox Code Playgroud)