Question

我已经使用了对本机路由器流量的反应，我想将参数传递给另一页。

我有两个页面，主页（项目列表）和详细信息页面（项目详细信息）。

我想将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。

（详细信息页面和主页正常运行）

反应本机路由器流量不接受参数

0 个答案: