import React from 'react';
import {
StyleSheet,
Text,
View,
ScrollView,
} from 'react-native';
import { Content, Card, CardItem, Body, Icon, Image, Right, Left, Thumbnail, Button } from 'native-base';
import HTMLView from 'react-native-htmlview'
import styles from '../components/CustomStyles'
import htmlstyles from '../styles/htmlstyles'
import TimeAgo from 'react-native-timeago'
export default class QuestionsData extends React.Component
{
constructor(props)
{
super(props);
this.state =
{
navigation: null
}
}
componentDidMount()
{
this.state.navigation = this.props.navigation;
}
viewExtraFile = () =>{
this.props.navigation.navigate("ExtraFile");
};
render() {
let questions = this.props.data.map(function (questionData, index)
{
let extra_file = "";
if(questionData.extra_file_details.file_name !== undefined)
{
extra_file = (<CardItem>
<Button transparent onPress={()=> this.viewExtraFile()}> <Text style={styles.linkText}>{questionData.extra_file_details.file_name} </Text></Button>
</CardItem>);
}
return (
<Card transparent style={styles.card}>
<CardItem>
<Left>
<Thumbnail source={{uri: questionData.poster_image_url}} />
<Body>
<Text style={styles.username}>{questionData.poster_name}</Text>
<Text note style={styles.category}>{questionData.section_name}</Text>
</Body>
</Left>
</CardItem>
<CardItem content>
<HTMLView stylesheet={htmlstyles}
value={questionData.question }/>
</CardItem>
{extra_file}
<CardItem>
<Left>
<Button transparent>
<Icon name="thumbs-up" />
<Text>{questionData.num_applause} Applause</Text>
</Button>
</Left>
<Body>
<Button transparent>
<Icon name="chatbubbles" />
<Text>{questionData.num_answers} Answers</Text>
</Button>
</Body>
<Right>
<Button transparent>
<Icon name='time'/>
<Text><TimeAgo time={questionData.time}/></Text>
</Button>
</Right>
</CardItem>
</Card>
)
});
return (
<Content>
{questions}
</Content>
);
}
}
我无法访问 viewExtraFile 方法，请有人帮助我如何做到这一点
最佳答案
改变
this.props.data.map(function (questionData, index)
{
至
this.props.data.map((questionData, index) => {
否则map内部的this将不会引用 map 外部的this。
关于javascript - 无法在React Native渲染方法中访问 map 函数内部的类函数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49825334/