TouchableOpacity ボタンをタップした後に新しい画面に移動できるようにしたいのですが、次のようなエラーが表示されます
_this3.handleThisTap は関数ではありません。(「_this3.handleThisTap()」では、「_this3.handleThisTap」は未定義です)
import React, { Component } from 'react';
import {
Text,
StyleSheet,
View,
TextInput,
KeyboardAvoidingView,
FlatList,
TouchableOpacity,
TouchableHighlight,
} from 'react-native';
import {
SearchBar,
Wrapper,
ItemWrapper,
} from './searchView.styles';
export default class SearchView extends Component {
constructor(props) {
super(props);
this.state = {
feedUrl: 'https://api.urbandictionary.com/v0/autocomplete?term=',
isLoading: true,
}
}
handleTextChange(text) {
let url = this.state.feedUrl + text;
return fetch(url)
.then((response) => response.json())
.then((res) => {
this.setState({
data: res,
isLoading: false,
})
})
.catch((error) => {
console.log(error);
})
}
handleThisTap(item) {
this.props.navigation.navigate('FeedView', item);
}
_renderItem({ item }) {
return (
<ItemWrapper
underlayColor='white'
onPress={() => this.handleThisTap(item)}>
<Text>{item}</Text>
</ItemWrapper>
)
}
render() {
return (
<Wrapper behavior="padding">
<SearchBar
style={{
shadowOffset: {
width: 0,
height: 5,
},
}}
autoFocus={true}
clearTextOnFocus={true}
placeholder="Search for text here"
returnKeyType='search'
clearButtonMode='always'
keyboardShouldPersistTaps={true}
onChangeText={(text) =>
this.handleTextChange(text)
} />
<FlatList
data={this.state.data}
renderItem={this._renderItem}
/>
</Wrapper>
)
}
}
使ってみましたbind.(this)
どんな助けでも大歓迎です。