Solo tengo un componente React-Native simple que usa useState como prueba si funciona. Cuando configuro el estado de usuario, y simplemente lo imprimo, registra 'indefinido'. Además, cuando llamo a setUser, arroja un error, ese setUser no es una función. ¿Qué le pasa a mi configuración?:
import { StyleSheet, Text, View, TextInput, Button, Seperator, Pressable } from 'react-native' import React, {useState, useEffect} from 'react' import colors from '../theme/colors.style.js' import NetInfo from '@react-native-community/netinfo'; import { checkConnected } from '../utils/Netinfo.js'; export default function MachineManager() { const {connectStatus, setConnectStatus} = useState(false); const {user, setUser} = useState("martin"); console.log(user); return ( <View style={styles.container}> <View style={styles.connectorMenu}> <View style={styles.shadowView}> <View style= {styles.connectionMenuHeader}> <Text style={styles.connectionMenuHeaderText}>Verbundenes Gerät</Text> </View> <View style={styles.inputRow}> <Text style={styles.inputLabel}>SSID:</Text> <TextInput placeholder="SSID Kennung" style={styles.input}/> </View> <View style={styles.inputRow}> <Text style={styles.inputLabel}>Passwort:</Text> <TextInput placeholder="Passwort" style={styles.input}/> </View> <View style={styles.connectionControl}> <View style={styles.connectionControlStatus}> <Text style={styles.connectionControlStatusText}>Status: Nicht Verbunden</Text> <Text style={styles.connectionControlStatusText}>{user}</Text> </View> <View style={styles.connectionControlConnect}> <Pressable style={styles.connectButton}> <Text style={styles.connectButtonText}>Verbinden</Text> </Pressable> </View> </View> </View> </View> </View> ) }La sintaxis es incorrecta. Necesita ser -
const [connectStatus, setConnectStatus] = useState(false); const [user, setUser] = useState("martin")