Question

伙计们。

我现在遇到一个问题，该问题将参数传递给单个项目屏幕。

问题是我正在尝试使用id来使用fetch。

我检查了文档，但对我根本没有用。

这是代码：

onPress={ () => this.props.navigation.navigate("Item", { id: item.idItem })}

如您所见，我正在尝试通过id

现在，让我们进入下一个屏幕：

SingleItemScreen.js

async fetchItem() {
        this.setState({ isLoading: true });
        try {
            fetch(`https://www.items-example.com/api/json/v2/key/lookup.php?i=${id}`)
                .then((response) => response.json())
                .then((responseJson) => {
                    this.setState({
                        item: responseJson, 
                    });
                }).catch((error) => {
                    console.log(error);
                });
        } finally {
            this.setState({ isLoading: false });
        }
    }

我不知道如何传递id，我正在组件中进行传递而在函数中not中进行传递。

我如何通过它并在render()上方使用它？

Answer 1

您可以通过以下方式访问其他组件中的参数。

let {id} = this.props.route.params;

使用id变量做任何想做的事情。

通过本机导航传递参数

1 个答案: