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

问题描述 投票:2回答:2

版本: "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-navigationredux后,我收到消息:

'警告: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);
react-native react-navigation
2个回答
1
投票

的确,它的反应导航问题(https://github.com/react-navigation/react-navigation/issues/3956),

仍然是下一个版本,您可以使用以下方法解决问题:

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

YellowBox.ignoreWarnings(['警告:isMounted(...)已弃用']);


1
投票

您使用的库具有此依赖性。尝试更新已弃用的软件包:npm已过时 - (将显示所有可更新的软件包)

如果所有软件包都更新:等待新版本或返回:“react”:“16.3.0-rc.0”,“react-native”:“0.54.3”,

© www.soinside.com 2019 - 2024. All rights reserved.