Question

如果您曾经问过我，我深表歉意。我对本地反应和一般反应有点陌生。

我的反应本机代码未生成最新数据请参阅下面的列表组件的代码如果您能告诉我为什么会发生这种情况以及如何使其选择最新数据，我将不胜感激

import React, { Component } from "react";
import {
  FlatList,
  Text,
  View,
  StyleSheet,
  ScrollView,
  ActivityIndicator
} from "react-native";
import Constants from "expo-constants";
import { createStackNavigator } from "@react-navigation/stack";
import { toCommaAmount } from "./utilities";

const Stack = createStackNavigator();

function MyStack() {
  return (
    <Stack.Navigator>
      <Stack.Screen name="Home" component={ExpenseList} />
      <Stack.Screen name="NewTransaction" component={ExpenseForm} />
    </Stack.Navigator>
  );
}

function Item({ title }) {
  return (
    <View style={styles.item}>
      <Text style={styles.title}>{title}</Text>
    </View>
  );
}

class ExpenseList extends Component {
  constructor(props) {
    super(props);
    this.state = {
      isLoading: true,
      dataSource: null
    };
  }

  componentDidMount() {
    return fetch("https://example.com/expense/api/get_all.php")
      .then(response => response.json())
      .then(responseJson => {
        this.setState({
          isLoading: false,
          dataSource: responseJson.items
        });
      })

      .catch(error => console.log(error));
  }

  render() {
    if (this.state.isLoading) {
      return (
        <View style={styles.container}>
          <ActivityIndicator />
        </View>
      );
    } else {
      let myExpenses = this.state.dataSource.map((val, key) => {
        return (
          <View key={key} style={styles.item}>
            <Text>
              {val.title} {toCommaAmount(val.amount)}
            </Text>
            <Text>{val.date_time}</Text>
          </View>
        );
      });

      return <View style={styles.container}>{myExpenses}</View>;
    }
  }
}

export default ExpenseList;

Answer 1

ComponentDidMount是一个无效函数。我认为您遇到了这个问题，因为您尝试返回获取执行的结果。

Answer 2

您可以从componentDidMount（）中删除您的api调用，因为它仅被调用一次。将其重命名为getRealData（）并将其附加到单击按钮。因此，每次单击按钮都将获取来自后端的最新数据。

React Native没有从API调用中获取最新数据

2 个答案: