我是React-Native的新人。我只是不断收到相同的错误"无法读取未定义的属性'导航'"。这是示例代码
export default class Form extends Component {
constructor(props) {
super(props);
this.loginHandler = this.loginHandler.bind(this);
this.navigate = this.props.navigation;
this.successCallback = this.successCallback.bind(this);
this.state = {
email: '',
password: '',
}
}
// TODO - Login Authentication
loginHandler() {
var loginUrl = 'someURL';
fetch(loginUrl, {
method: 'POST',
headers: {
Accept: 'application/json',
'Content-Type': 'application/json',
},
body: JSON.stringify({
username: this.state.email,
password: this.state.password
}),
})
.then(response => { return response.json(); })
.then(responseData => { return responseData; })
.then((responseData) => {
this.successCallback(responseData.token)
})
.catch((err) => { console.log(err); });
}
successCallback(token) {
if (token === undefined)
alert("Email or password is incorrect !");
else {
this.props.navigation.navigate('User', {tokenFromUser: token});
}
}
在 successCallback 函数中，如果生成了令牌，则表示登录凭据是正确的，因此它应该使用 paremeter "token"导航到 UserScreen。谁能帮我？
这是我如何调用登录处理程序函数
<TouchableOpacity style={styles.button} onPress={this.loginHandler} >
<Image source={loginImage} style={styles.image} />
<View style={styles.SeparatorLine} />
<Text style={styles.text}>
Enter
</Text>
</TouchableOpacity>
好吧，我找到了我猜的解决方案。在我调用 Form.js 组件的地方，我只是添加了 {...this.props} 作为道具。
<Form {...this.props} />
像这样是因为形式.js的道具是空的。