版本:
"dependencies": {
"prop-types": "^15.6.1",
"react": "16.3.1",
"react-native": "0.55.2",
"react-native-elements": "^0.19.1",
"react-navigation": "^1.5.11",
"react-navigation-redux-helpers": "^1.0.5",
"react-redux": "^5.0.7",
"redux": "^3.7.2",
"redux-thunk": "^2.2.0"
},
使用最新版本的react-navigation
与redux
后,我收到消息:
'警告:isMounted(...)在纯JavaScript React类中已弃用。相反,请确保清除componentWillUnmount中的订阅和待处理请求以防止内存泄漏。我没有在我的代码中使用isMounted。
我不知道为什么会这样。我之前没有收到此消息。
请帮忙。
import React from 'react';
import {connect} from 'react-redux';
import {bindActionCreators} from 'redux';
import PropTypes from 'prop-types';
import {View, Text, Button} from 'react-native';
import {handleNav} from '../../actions/navAction';
import styles from '../styles/styles';
const Login = ({handleNav}) => (
<View style={styles.container}>
<Text>Login Page</Text>
<Text>Login Page</Text>
<Text>Login Page</Text>
<Text>Login Page</Text>
<Text>Login Page</Text>
<Text>Login Page</Text>
<Button
title = {'Login Button'}
onPress = {handleNav.bind(null, 'MAIN')}
/>
<Button
title={'go to register page'}
onPress={handleNav.bind(null, 'REGISTER')}
/>
</View>
);
Login.propTypes = {
handleNav:PropTypes.func,
};
const mapDispatchToProps = dispatch => bindActionCreators({handleNav},dispatch);
export default connect(null, mapDispatchToProps)(Login);
的确,它的反应导航问题(https://github.com/react-navigation/react-navigation/issues/3956),
仍然是下一个版本,您可以使用以下方法解决问题:
从'react-native'导入{YellowBox};
YellowBox.ignoreWarnings(['警告:isMounted(...)已弃用']);
您使用的库具有此依赖性。尝试更新已弃用的软件包:npm已过时 - (将显示所有可更新的软件包)
如果所有软件包都更新:等待新版本或返回:“react”:“16.3.0-rc.0”,“react-native”:“0.54.3”,