Когда я перемещаюсь с реагирующей навигацией, на экране, который появляется (SearchPage - функциональный компонент без состояния), есть CategoriesMultiselect
(компонент класса), в котором отсутствуют данные категорий (визуально).Данные определенно все еще существуют, потому что, когда я прокручиваю страницу, данные появляются, потому что она перерисовывается.
Как заставить searchPage
перерисовываться при переходе к нему (или повторно отображать CategoriesMultiselect)?
код для навигации:
import FBLoginButton from './button/view'
import React, { Component } from 'react'
import { View } from 'react-native'
import { Container, Text, Button } from 'native-base'
import VepoHeader from '../../formControls/header/view'
import { styles } from '../../style'
import { withNavigation } from 'react-navigation'
class LoginView extends Component {
constructor(props) {
super(props)
this.buttonPress = this.buttonPress.bind(this)
}
buttonPress() {
console.log('called')
this.props.navigation.navigate('Search')
}
render() {
return (
<Container style={{ backgroundColor: '#27a562' }}>
<Container
style={{
flex: 1,
height: '100%',
flexDirection: 'column',
justifyContent: 'center',
alignItems: 'center'
}}>
<FBLoginButton />
<Text style={{ color: '#FFF',
marginTop: 20,
marginBottom: 20 }}>OR</Text>
<Button
block
style={{
...styles.labelHeight,
borderRadius: 4,
borderWidth: 0.5,
borderColor: '#FFF',
width: 250,
marginLeft: 'auto',
marginRight: 'auto',
backgroundColor: 'transparent',
}}
onPress={this.buttonPress}>
<Text style={{fontSize: 13.5}}>Continue without Login</Text>
</Button>
</Container>
</Container>
)
}
}
export default withNavigation(LoginView)
Мне нужновызвать forceupdate () для CategoriesMultiselect после перехода к функциональному компоненту searchPage без состояния.
Как мне это сделать?