Я реализую 2 экрана с помощью интерактивной навигации. Но я получил предупреждение ниже, переходя на вторую страницу:
Предупреждение: isMounted (...) устарело в простых Javascript-классах. Вместо этого убедитесь, что вы очищаете подписки и ожидающие запросы в компоненте componentWillUnmount, чтобы предотвратить утечку памяти.
Версии:
- реагировать: 16.3.1
- реагировать-родной: 0,55,2
- реактивная навигация: 1.5.11
- util: 0.10.3
Login.js
import React, { Component } from 'react';
import { Text, View, Image, TextInput, TouchableOpacity } from 'react-native';
import styles from "./styles";
export default class Login extends Component {
constructor(props) {
super(props);
}
render() {
const { navigate } = this.props.navigation;
return (
<View style={styles.container}>
<View style={styles.formContainer}>
<TouchableOpacity style={styles.button} onPress={()=> navigate('Home')} >
<Text style={styles.buttonText}>LOGIN</Text>
</TouchableOpacity>
</View>
</View>
)
}
Home.js
import React, { Component } from 'react';
import { Text, View } from 'react-native';
import styles from "./styles";
export default class Home extends Component {
constructor(props) {
super(props);
}
render() {
const { navigate } = this.props.navigation;
return(
<View style={styles.container}>
<Text>Home Screen</Text>
</View>
)
}
}
Что мне здесь не хватает?