我只有一个简单的React本机组件,它使用useState作为测试,如果它有效的话.当我设置userstate并打印它时,它会记录"undefined".另外,当我调用setUser时,它会抛出一个错误,即setUser不是一个函数.我的设置有什么问题

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>
  )
}

推荐答案

语法不正确.它需要-

const [connectStatus, setConnectStatus] = useState(false);
const [user, setUser] = useState("martin")

Javascript相关问答推荐

Regex可以 Select 以任何顺序匹配组

HTML/JavaScript函数未执行

如何在react + react路由域名中使用DeliverBrowserRouter?

如何解决(不忽略)reaction详尽的linter规则,而不会在获取数据时导致无限的reender循环

Mongodb拥有5亿个文档,我想根据JavaScript驱动程序中的两个字段使用regEx进行搜索,而不是模式

Express.js:使用Passport.js实现基于角色的身份验证时出现太多重定向问题

容器如何更改默认插槽中子项的显示?

在分区内迭代分区

是否有方法在OpenWeatherMap API中获取过go 的降水数据?

使用JavaScript重新排序行

浮动Div的淡出模糊效果

如何在mongoose中链接两个模型?

单击ImageListItemBar的IconButton后,在Material—UI对话框中显示图像

如何避免页面第一次加载时由于CSS样式通过JavaScript更改而出现闪烁

我正在建立一个基于文本的游戏在react ,我是从JS转换.我怎样才能使变量变呢?

当使用';字母而不是与';var#39;一起使用时,访问窗口为什么返回未定义的?

无法检索与Puppeteer的蒸汽游戏的Bundle 包价格

react 路由如何使用从加载器返回的数据

如何让SVG图标在被点击和访问后改变 colored颜色 ,并在被访问后取消点击时恢复到原来的 colored颜色 ?

我无法在Api Reaction本机上发出GET请求