Реагировать на собственный поток маршрутизатора не получить параметр - PullRequest
Новая
       5

Реагировать на собственный поток маршрутизатора не получить параметр

0 голосов
/ 16 сентября 2018

Я использовал реакцию собственного потока маршрутизатора, я хочу передать параметры на другую страницу.

У меня есть две страницы, домашняя страница (список элементов) и страница сведений (подробности элемента).

Я хочу передать item_id на страницу сведений для получения данных из API.

Это код домашней страницы: 

import React, { Component } from 'react';
import { Container, Header, Content, List, ListItem, Thumbnail, Text, Left, Body, Right, Button } from 'native-base';
import { Actions } from 'react-native-router-flux';
import Icon from 'react-native-vector-icons/FontAwesome';
export default class Home extends Component {
    render() {
        return (
            <Container>
                <Content>

                    <List>
                        <ListItem thumbnail>
                            <Left>
                                <Thumbnail square source={require('../img/logo.png')} />
                            </Left>
                            <Body>
                                <Text>code</Text>
                                <Text note numberOfLines={1}>description</Text>
                            </Body>
                            <Right>
                                <Button transparent>
                                    <Text onPress={() => Actions.detail({ item_id: 1 })}>View</Text>
                                </Button>
                            </Right>
                        </ListItem>
                    </List>
                </Content>
            </Container>
        );
    }
}

А это код детали страницы: 

import React, { Component } from 'react';
import { Image, FlatList } from 'react-native';
import { Actions } from 'react-native-router-flux';
import { Container, Header, Content, Accordion, CardItem, Body, Card, Left, Thumbnail, Icon, Text, Button } from "native-base";
import Greeting from '../components/props';

export default class Detail extends Component {
    constructor(props) {
        super(props);
        this.state = {
            isLoading: true,
        }
    }


    render() {
        return (
            <Container>
                <Content>   
                    <Text>props: {this.props.item_id}</Text>
                </Content>
            </Container>
        );
    }
}

Здесь проблема в том, что мне нужен item_id.

(страница сведений и домашняя страница запускаются без ошибок)

...