标签:reactjs react-native ios javascript touchablehighlight
我迈出了第一步,开始学习Rect Native,并且一段时间以来一直被这些错误所困扰.当我单击项目时:
我得到这些错误:
这是我的React Native代码:
import React, { Component } from 'react';
import {
AppRegistry,
Text,
View,
ListView,
StyleSheet,
TouchableHighlight
} from 'react-native';
export default class Component5 extends Component {
constructor(){
super();
const ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
this.state = {
userDataSource: ds
};
this._onPress = this._onPress.bind(this);
}
_onPress(user){
console.log(user);
}
renderRow(user, sectionId, rowId, hightlightRow){
return(
<TouchableHighlight onPress={() => {this._onPress(user)}}>
<View style={styles.row}>
<Text style={styles.rowText}>{user.name}: {user.email}</Text>
</View>
</TouchableHighlight>
)
}
fetchUsers(){
fetch('https://jsonplaceholder.typicode.com/users')
.then((response) => response.json())
.then((response) => {
this.setState({
userDataSource: this.state.userDataSource.cloneWithRows(response)
});
});
}
componentDidMount(){
this.fetchUsers();
}
render() {
return (
<ListView
style={styles.listView}
dataSource={this.state.userDataSource}
renderRow={this.renderRow.bind()}
/>
);
}
}
const styles = StyleSheet.create({
listView: {
marginTop: 40
},
row: {
flexDirection: 'row',
justifyContent: 'center',
padding: 10,
backgroundColor: 'blue',
marginBottom: 3
},
rowText: {
flex: 1,
color: 'white'
}
})
AppRegistry.registerComponent('Component5', () => Component5);
非常感谢任何输入!
解决方法:
新秀错误-忘记在组件中正确绑定renderRow.我写:
renderRow = {this.renderRow.bind()}
当然应该是:
renderRow = {this.renderRow.bind(this)}
标签:reactjs,react-native,ios,javascript,touchablehighlight 来源: https://codeday.me/bug/20191111/2018648.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。