将查询结果传递给下一个视图时做出反应，它是空的

Question

我有一个简单的 SQLite 应用程序，我正在尝试将查询结果作为参数传递给下一个视图，但它始终为空。

我用 Button 和 ListView 得到了一个这样的滚动视图

            <TextInput placeholder="Marka" onChangeText={(text) => this.setState({brandSearch: text})}/>
            <TextInput placeholder="Model" onChangeText={(text) => this.setState({modelSearch: text})}/>
            <Button title="Wyszukaj"
                    color="#841584"
                onPress={() =>
                    navigate('SearchResultView', {data: this.searchCars})
                }
                     /*    onPress={this.searchCars}*/
            />

            <ListView
                enableEmptySections
                dataSource={this.state.data}
                renderSeparator={this.ListViewItemSeparator}
                renderRow={(rowData) =>
                    <View>
                        <Text style={{
                            textAlign: 'center',
                            fontWeight: "bold"
                        }}>{rowData.brand} {rowData.model} {rowData.power}km {rowData.color}</Text>

                        <Image
                            style={{width: null, height: 200}}
                            source={{uri: rowData.photos}}
                        />
                    </View>
                }
            />

        </ScrollView>

以及要执行的函数

searchCars() {
        var p = new Promise(function (resolve, reject) {
            db.transaction((tx) => {
                tx.executeSql("SELECT * FROM Car;", [], (tx, results) => {
                    var temp = [];
                    var len = results.rows.length;
                    for (let i = 0; i < len; i++) {
                        temp.push(results.rows.item(i));
                    }

                    resolve(temp);
                });
            });
        });

        p.then((result) => {
             return result;
        });
    };

Answer 1

您的 searchCars 方法正在调用 p.then 并在该函数调用中返回结果，但 p 本身并未返回。基本上，searchCars 没有返回任何内容。

function wrongSearchCars() {
  var p = new Promise(function (resolve, reject) {
        resolve('hello');
    });

    p.then((result) => {
         return result;
    });
}
function correctSearchCars() {
  var p = new Promise(function (resolve, reject) {
        resolve('hello');
    });

  return p.then((result) => {
         return result;
  });
}

wrongSearchCars().then(console.log) // undefined
correctSearchCars().then(console.log) // 'hello'

此外，如您所见，由于 searchCars 内的 p 的 .then 块将返回一个承诺，因此甚至没有理由对 .then 进行内部调用。

searchCars() {
    return new Promise(function (resolve, reject) {
        db.transaction((tx) => {
            tx.executeSql("SELECT * FROM Car;", [], (tx, results) => {
                var temp = [];
                var len = results.rows.length;
                for (let i = 0; i < len; i++) {
                    temp.push(results.rows.item(i));
                }

                resolve(temp);
            });
        });
    });
};

这是我的猜测，基于我所看到的。你的很多代码都丢失了，无法推断。