React native 数据显示在console.log中,但不显示在<;文本>;{}</文本>;尝试呈现平面列表时标记

React native 数据显示在console.log中,但不显示在<;文本>;{}</文本>;尝试呈现平面列表时标记,react-native,react-native-flatlist,React Native,React Native Flatlist,我试图得到一些特定的数据显示在一些标签,但它没有显示。但是,当我在文本标记中记录我试图获取的相同数据时,我可以看到它 这是我的密码 import React, { Component } from 'react'; import { View, FlatList, Text } from 'react-native' import { NavigationActions } from 'react-navigation'; im

我试图得到一些特定的数据显示在一些标签,但它没有显示。但是,当我在文本标记中记录我试图获取的相同数据时,我可以看到它

这是我的密码

import React, { Component } from 'react';
import { 
        View,
        FlatList,
        Text
        } from 'react-native'

import { NavigationActions } from 'react-navigation';
import { Header } from '../common';
import Config from '../Config';

export default class Costco extends Component {
    constructor() {
        super();
        this.state = {
            stores: [],
        };
    }
    componentWillMount() {
        const obj = Config.costcoThree;
        const costcoArr = Object.values(obj);

        this.setState({
            stores: costcoArr,
        })
    }

    renderStores(item) {
        const navigate = this.props.navigation;
        console.log(item.branchName);
        return (
            <Text>{item.branchName}</Text>
        );
    }
    render(){
        return(

            <View>

                <Header headerText="Costco"/>
                <Text>Hello</Text>
                <FlatList
                    data={this.state.stores}
                    renderItem={({item}) => {
                        this.renderStores(item)
                        //return<Text>{item.branchName}</Text>
                    }}
                    keyExtractor={(item) => item.id}
                />
            </View>

        )
    }
}
import React,{Component}来自'React';
导入{
看法
平面列表,
正文
}从“反应本机”
从“react navigation”导入{NavigationActions};
从“../common”导入{Header};
从“../Config”导入配置;
导出默认类Costco扩展组件{
构造函数(){
超级();
此.state={
门店:[],
};
}
组件willmount(){
const obj=Config.costcoThree;
const costcoArr=对象值(obj);
这是我的国家({
商店:costcoArr,
})
}
渲染存储(项目){
const navigate=this.props.navigation;
console.log(item.branchName);
返回(
{item.branchName}
);
}
render(){
返回(
你好
{
此.renderStores(项目)
//返回{item.branchName}
}}
keyExtractor={(项)=>item.id}
/>
)
}
}

我尝试了两种不同的方式呈现文本。第一种方法是在renderItem方法中返回文本标记之间的数据。这很有效。但是,当我尝试返回函数renderStores时,我无法看到文本出现。但当I console.log时,数据确实会出现

作为一个简短的回答,您需要添加
并返回此。renderStores(item)
在平面列表的
renderItem
方法中

如果在函数中使用大括号{},除非在其中显式添加return语句,否则它不会返回任何内容

对于另一种解决方法,您可以删除大括号,它将自动返回您的
this.renderStores(item)
方法


如果您需要任何示例,请让我知道

作为一个简短的回答,您需要添加
并返回此。renderStores(item)
在平面列表的
renderItem
方法中

如果在函数中使用大括号{},除非在其中显式添加return语句,否则它不会返回任何内容

对于另一种解决方法,您可以删除大括号,它将自动返回您的
this.renderStores(item)
方法


如果您需要任何示例,请让我知道

太棒了。非常感谢你的帮助!嘿..你有没有机会看看这个问题?令人惊叹的。非常感谢你的帮助!嘿..你有没有机会看看这个问题?