Передача параметров через встроенную навигацию

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.