Question

版本： "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);

Answer 1

您使用的库具有此依赖关系。尝试更新已弃用的软件包： npm已过时 - （将显示所有可更新的软件包）

如果所有软件包都已更新：等待新版本或返回： “反应”：“16.3.0-rc.0”， “react-native”：“0.54.3”，

Answer 2

确实是它的反应导航问题（https://github.com/react-navigation/react-navigation/issues/3956）

仍是下一版本，您可以使用以下方法解决该问题：

从'react-native'导入{YellowBox};

YellowBox.ignoreWarnings（['Warning：isMounted（...）已弃用']）;

使用react-navigation-redux后，获取警告

2 个答案: