我正在使用“ react-native”菜单,添加注销功能时出现此问题。我不知道该怎么办。
请帮我,我不知道该如何解决
在android模拟器上运行,但未定义的不是对象(评估'menu.isDisconnected')请帮助我,这是什么问题?您能帮我undefined不是一个对象(评估“ menu.isDisconnected”)undefined不是一个对象(评估“ menu.isDisconnected”)undefined不是一个对象(评估“ menu.isDisconnected”)undefined不是一个对象(评估'menu.isDisconnected')
import React, { Component } from 'react';
import { View, Text } from 'react-native';
import { connect } from 'react-redux';
import { NavigationActions } from 'react-navigation';
import { sendbirdLogout, initMenu } from '../actions';
import { Button } from '../components';
class Menu extends Component {
static navigationOptions = {[enter image description here][1]
title: 'MENU'
}
constructor(props) {
super(props);
}
componentWillMount() {
this.props.initMenu();
}
componentWillReceiveProps(props) {
const {isDisconnected} = props
if (isDisconnected) {
const resetAction = NavigationActions.reset({
index: 0,
actions: \[
NavigationActions.navigate({ routeName: 'Login' })
\]
})
this.setState({ isLoading: false }, () => {
this.props.navigation.dispatch(resetAction);
})
}
}
_onProfileButtonPress = () => {
// TODO: Profile screen
}
_onOpenChannelPress = () => {
// TODO: OpenChannel screen
}
_onGroupChannelPress = () => {
// TODO: GroupChannel screen
}
_onDisconnectButtonPress = () => {
this.props.sendbirdLogout();
}
render() {
return (
<View style={{backgroundColor: '#fff', flex: 1}}>
<Button
containerViewStyle={styles.menuViewStyle}
buttonStyle={styles.buttonStyle}
backgroundColor='#fff'
color='#6e5baa'
icon={{name: 'user', type: 'font-awesome' , color: '#6e5baa', size: 16}}
title='Profile'
onPress={this._onProfileButtonPress}
/>
<Button
containerViewStyle={styles.menuViewStyle}
buttonStyle={styles.buttonStyle}
backgroundColor='#fff'
color='#6e5baa'
icon={{name: 'slack', type: 'font-awesome' , color: '#6e5baa', size: 16}}
title='Open Channel'
onPress={this._onOpenChannelPress}
/>
<Button
containerViewStyle={styles.menuViewStyle}
buttonStyle={styles.buttonStyle}
backgroundColor='#fff'
color='#6e5baa'
icon={{name: 'users', type: 'font-awesome' , color: '#6e5baa', size: 16}}
title='Group Channel'
onPress={this._onGroupChannelPress}
/>
<Button
containerViewStyle={styles.menuViewStyle}
buttonStyle={styles.buttonStyle}
backgroundColor='#fff'
color='#7d62d9'
color='#6e5baa'
icon={{name: 'sign-out', type: 'font-awesome' , color: '#6e5baa', size: 16}}
title='Disconnect'
onPress={this._onDisconnectButtonPress}
/>
</View>
)
}
}
const styles = {
containerViewStyle: {
backgroundColor: '#fff',
flex: 1
},
menuViewStyle: {
marginLeft: 0,
marginRight: 0
},
buttonStyle: {
justifyContent: 'flex-start',
paddingLeft: 14
}
};
function mapStateToProps({ menu }) {
const { isDisconnected } = menu;
return { isDisconnected };
};
export default connect(mapStateToProps, { sendbirdLogout, initMenu })(Menu);