Question

在将数据显示在列表中之前，是否有办法将数据加载？我们有一个FlatList，它通过在componentWillMount（）中进行提取来加载所有国家/地区，但这需要一瞬间加载并呈现列表。有没有办法加载这些数据，所以当显示这个列表时（它目前在嵌套的堆栈导航器中），国家列表已经存在？我们确实考虑在根屏幕中加载它并将状态作为数据的支柱向下传递，但它没有感觉到＃34;正确＆＃34;方式。

我觉得这是Redux有用的东西，但我们目前还没有使用它。

全部谢谢！

Answer 1

在获取国家/地区时，您希望展示什么？如果你根本不需要任何东西，你可以这样做：

class Parent extends Component {
    componentWillMount() {
        fetch("example.com/countries")
            .then(res => res.json())
            .then(countries => this.setState({ countries }));
    }

    render() {
        const { countries } = this.state;
        return !countries ? null : <FlatList data={countries}/>;
    }
}

在fetch完成之前，render方法将返回null并且React将不会呈现任何内容。

React native＆＃34; prefetch＆＃34;数据？

1 个答案: