Tengo un problema, quiero declarar this.state o state dentro de una función que es exportada por defecto.
Código:
import React from 'react'
import { View, Image, Text, StatusBar, Alert, LayoutAnimation, ActivityIndicator, TouchableOpacity, StyleSheet } from 'react-native'
import { Button, Fab } from 'native-base'
import { Ionicons } from '@expo/vector-icons'
import Header from '../components/Header'
import { useSelector } from 'react-redux'
export default function ProfileScreen(props) {
const user = useSelector(state => state.auth.name)
const image = useSelector(state => state.auth.image) + '?type=large'
return (
<View style={styles.container}>
<Fab
active={this.state.active}
direction="up"
containerStyle={{ }}
style={{ backgroundColor: '#5067FF' }}
position="bottomRight"
onPress={() => this.setState({ active: !this.state.active })}
>
<Ionicons name="share" />
<Button style={{ backgroundColor: '#34A34F' }}>
<Ionicons name="logo-whatsapp" />
</Button>
<Button style={{ backgroundColor: '#3B5998' }}>
<Ionicons name="logo-facebook" />
</Button>
<Button disabled style={{ backgroundColor: '#DD5144' }}>
<Ionicons name="mail" />
</Button>
</Fab>
</View>
)
}
const styles = StyleSheet.create({
..styles
})
Cuando hago algo como esto state = { active: false }
debajo de la constante image me sale error, mi pregunta es como declarar el estado dentro de una función o fuera, que no sea usando clases ya que si hago eso me sale error en useSelector()
de la librería react-redux
react
asíimport { useState } from 'react'
y la forma de usar el estado sería así:const [active,setActive] = useState(false);
de esa forma se crea, y cuando quieras cambiar el valor llamas asetActive(true);