useState钩子中的Push方法|| REACT NATIVE
useState钩子是React中的一种函数式组件内部状态管理的钩子。它可以用于在函数式组件中声明和更新状态。useState钩子中没有Push方法，但可以通过其他方式实现相似的功能。
在React Native中，可以使用useState钩子来管理组件的状态。useState钩子是React提供的一种用于管理状态的钩子函数，它接受一个初始值作为参数，并返回一个包含当前状态值和更新状态的函数的数组。
使用useState钩子的优势是能够更方便地管理组件的状态，使得代码更加简洁和可维护。它可以用于保存和更新组件内部的数据，并且能够触发组件的重新渲染。
在React Native中，可以根据不同的场景使用useState钩子。例如，可以将它用于实现表单输入的双向绑定，保存用户输入的数据；也可以用于保存用户的登录状态、页面的展示与隐藏状态等。
腾讯云提供了一系列与React Native相关的产品和服务，可以帮助开发人员更好地使用React Native进行开发。其中，腾讯云移动开发平台（https://cloud.tencent.com/product/mwp）提供了全面的移动开发解决方案，包括移动应用开发、移动应用托管、推送服务等，可以帮助开发人员更高效地开发React Native应用。
总结：useState钩子是React中的一种用于管理组件状态的钩子函数，可以用于React Native开发中的状态管理。腾讯云移动开发平台是一个推荐的与React Native相关的产品，提供了全面的移动开发解决方案。
相关·内容
1回答
我正试图在后端显示检索到的信息。恢复只进行得很好，当我使用"array.push"将这些信息放在数组中时，它就不工作了。我也尝试使用useState，但出于某种原因，我的程序运行在一个无限循环中。
import React, {useState} from "react";
import {View, Text, Image} from "react-native";
import AsyncStorage from "@react-native-async-storage/async-storage";
const jwtDec
浏览 4提问于2022-11-22得票数 1
回答已采纳
1回答
我在试着造一个定时器。这实际上启动了一个计时器，并在枪响时停止了它。为此，我想我应该测量分贝，当它尖峰时，我停止计时器。现在，我到处看了一遍，似乎无法使它发挥作用。
我看过的一些东西：
可能是因为我实现错了。例如，componentDidMount无法被识别。可能是因为我，但我不知道。
import React, {
useState,
useEffect,
componentDidMount,
componentWillUnmount,
} from "react";
import { StyleSheet, Text, Dimensions } fro
浏览 4提问于2021-11-03得票数 0
1回答
我正在尝试使用react native.After创建项目并安装我想要使用的在导航器中使用的所有依赖项，例如：
const MainNavigator = createStackNavigator({
Dashboard: DashboardScreen,
ListSurveyor: {
screen: topSurvayorsNavigator,
navigationOptions: ({ navigation }) => {
const dispatch = useDispatch();
浏览 4提问于2020-01-12得票数 0
1回答
我正在尝试从自定义钩子中获取屏幕尺寸，但我不知道如何使用导入组件的结果。
显然，我可以使用{MyDims.Width}和{MyDims.Height}来显示结果，但是对于我的最后一个脚本，我需要使用这两个对象作为字符串，因此需要使用useState()。
下面是导入的组件: getdimensions.js
import React, {
useState,
useEffect
} from "react";
import {
Dimensions
} from "react-native";
function App(props) {
co
浏览 1提问于2020-08-15得票数 1
回答已采纳
1回答
我是React的新手--本地和Firebase，我在一个项目中使用Firebase Cloud 。我正在尝试静态地从数据库中获取过滤数据(目前我正在学习使用它)，但不知怎么的，我的函数被多次执行，读数的数量在迅速增加，我也有一些随机错误。我想知道是怎么回事。
下面是只处理数据库(Firestore.js)的文件的代码：
import React, { useState, useEffect } from "react";
import { ActivityIndicator } from "react-native";
import * as firebase
浏览 0提问于2020-10-20得票数 0
回答已采纳
1回答
我不确定在我的React Native应用程序中应该以哪种方式导入React。如果我需要使用像useState这样的钩子，我应该用import React, { useState } from 'react';、import { useState } from 'react';、import * as React from 'react';还是import * from 'react';来导入React？如果我不需要任何钩子，我应该使用：import React from 'react';、import '
浏览 18提问于2021-10-20得票数 0
回答已采纳
1回答
调用钩子中另一个类的方法
、、、
大家好，我有一个关于反应本土化的问题。( 1)我如何在钩子中调用另一个类？例如，如果我有：
import React, { Component, useEffect, useState} from 'react';
import { TextInput } from 'react-native-paper';
import { View,Text} from 'react-native';
import Utils from './Utils';
export default function Userprofile() {
浏览 9提问于2022-09-04得票数 0
回答已采纳
2回答
我刚开始有反应，我也面临过这样的问题：
我有一个带有按钮的Main.js文件：
import * as React from 'react';
import { StyleSheet, Text, View, SafeAreaView, Pressable, Alert } from 'react-native';
import { MaterialIcons, MaterialCommunityIcons} from '@expo/vector-icons';
import { DrawerActions } from '@react-
浏览 4提问于2022-03-17得票数 0
2回答
无效钩子调用反应
、、
构建您自己的钩子可以将组件逻辑提取到可重用的函数中。这就是我想要做的:将我的组件逻辑提取到其他组件的可重用函数中。
我的职能部分：
//React
import React from 'react';
import { FlatList, View, Text, StyleSheet } from 'react-native';
//Local
import UserPreview from './UserPreview';
import defaultContainer from '../../shared/styles/default
浏览 10提问于2020-08-01得票数 2
回答已采纳
我试图理解在useSelector中使用_bootstrapAsync的区别在于它以这种方式失败了
import React, { useEffect,useState } from "react";
import { useSelector } from 'react-redux'
import { ActivityIndicator, StatusBar, View, Text } from "react-native";
export default function authLoading({ navigation }) {
浏览 0提问于2019-12-09得票数 0
我试着做一个动态的形式。用户必须在第一个文本字段中输入所需的字段的计数。之后，我将输入的count添加到状态并呈现所有字段。但是在"onChangeText“中，返回以前的状态值。同时，如果单击按钮，则返回当前状态的值？
import React, {useState} from "react";
import {Button, TextInput, View, StyleSheet} from "react-native";
export const TestScreen = () => {
const initialState: an
浏览 2提问于2020-05-02得票数 0
1回答
状态“提醒”与键“提醒”一起保存到AsyncStorage。现在我需要在每次应用程序启动时从AsyncStorage加载“提醒”和关键“提醒”。然后将其显示在FlatList中。 我怎么能做到这一点？ import React, {useState, Component} from 'react';
import {
StyleSheet,
Text,
View,
SafeAreaView,
FlatList,
} from 'react-native';
import {AsyncStorage} from 'react-nati
浏览 17提问于2020-04-03得票数 1
回答已采纳
我有一个从firebase获得的列表，并使用SwipeListView在UI中显示这些值。
清单数据包括如下细节:硬币价格，购买硬币的数量，硬币的总成本作为价格，计数和数量。还有其他一些领域。
现在，我想对所有硬币进行汇总，并在文本字段中显示。但是我无法设定的聚合。
我尝试创建两个变量，并使用钩子设置这些变量，但将错误设置为
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the followin
浏览 1提问于2021-06-05得票数 0
回答已采纳
3回答
我有一个功能，以检测窗口的宽度和高度改变布局。
检测宽度和高度的功能很好，但问题是在样式表文件中使用它们。
错误是:无效的钩子调用。钩子只能在函数组件的主体内调用。
我的职能：
import { useEffect, useCallback, useState } from 'react';
import { Dimensions } from 'react-native';
export function useDimensions () {
const [windowWidth, setWindowWidth] = useState(Dimens
浏览 9提问于2022-11-03得票数 0
3回答
ExceptionsManager.js:179错误:无效钩子调用。钩子只能在函数组件的主体内调用。这种情况的发生有以下原因之一：
您可能有React和呈现器的版本不匹配(例如React )。
你可能违反了胡克斯的规则
在同一个应用程序中，可能有多个React副本。
在Playbutton组件中获取此错误
Playbutton.js
import { useNavigation } from "@react-navigation/native";
import React, { useEffect, useState, useRef } from "
浏览 8提问于2022-03-14得票数 0
3回答
import React, { useEffect, useState } from 'react'
import { Text } from 'react-native'
export default function Counter() {
const [count, setCount] = useState(0)
useEffect(() => {
const id = setInterval(() => setCount((count) => count + 1), 1000)
return () =&g
浏览 53提问于2021-03-18得票数 1
回答已采纳
2回答
我是新的反应-本地人，我正在工作的应用程序。
下面的代码是一个简单的反应本地应用程序，它有一个自定义组件与自定义事件。
但问题是，在组件的第一次单击时，变量状态没有更新。但是，当我单击第二项时，变量的状态将被更新。
请找到下面的代码和截图。
App.js
import React, {useState} from 'react';
import { Text, SafeAreaView, ToastAndroid } from 'react-native';
import Dropdown from './components/dropdown'
浏览 5提问于2022-01-19得票数 -2
回答已采纳
我在我的React Native应用程序上做组件之间的导航，到目前为止，一切都相对正常，直到我被这个错误困住了。
这是我想要导航的最后一个组件，但我不知道为什么我不能这样做，每个组件我都遵循相同的结构，并且它们都工作，但这是唯一一个不能这样做的组件。
import React from 'react';
import {
StyleSheet,
View,
TouchableHighlight,
Button
} from 'react-native';
import Icon from 'react-native-
浏览 1提问于2020-06-11得票数 0
回答已采纳
在我的react本机应用程序中，我已经开始使用自定义钩子，我创建了一个钩子来检索用户坐标，但是当我的useGeolocation钩子被调用时(在handleUpdateLocation方法中)，我总是收到以下警告：
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of Rea
浏览 14提问于2022-09-06得票数 -1
1回答
我试着用突变和反应钩子建立一个聊天室。我找不到解决我所犯错误的办法。错误是:无效的钩子调用。钩子只能在函数组件的主体内调用。这种情况的发生有以下原因之一：
您可能有React和呈现器的版本不匹配(例如React )。
你可能违反了胡克斯的规则
在同一个应用程序中，可能有多个React副本。
在下面您可以看到两个hook.ts文件和我的屏幕的代码示例
import { getStateFromPath } from '@react-navigation/native';
import axios from 'axios';
import { u
浏览 6提问于2022-05-20得票数 0
回答已采纳
技术
React(17.0.2)React Native(0.66.4)TypeScript(4.4.4)Storybook @storybook/react-native(5.3.25)@storybook/react-native-server(5.3.23)
我面对的是什么
在我的故事书中，我面临着下面的反应钩子错误。
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the followin
浏览 4提问于2022-01-09得票数 2
我有一个，这里我使用mobx ("mobx- React "："^6.1.8")并使用。
我得到了错误:无效的钩子调用。只能在函数组件的主体内调用钩子。
商店index.js
import { useContext } from "react";
import UserStore from "./UserStore";
import SettingsStore from "./SettingsStore";
const useStore = () => {
return {
UserStore
浏览 5提问于2020-03-10得票数 1
在使用FlatList钩子获取数据时，我会在useEffect中得到警告。
这是再现问题的完整组成部分：
import React, { useState, useEffect } from "react";
import {
Text,
View,
FlatList,
ActivityIndicator,
SafeAreaView,
Button
} from "react-native";
const Test = props => {
const [people, setPeople] = useState([]);
浏览 1提问于2020-01-11得票数 1
当用户单击react-Navigation5 headerRight中的“编辑”按钮时，我希望文本切换为“完成”，但似乎是导航选项。没有访问当前状态的权限。如何更新才能正常工作？
import React, {useState, useLayoutEffect} from 'react';
import { TouchableWithoutFeedback, View, Text } from 'react-native';
export default function ListScreen({navigation}){
const [editMode,
浏览 14提问于2020-06-08得票数 1
回答已采纳
我有一个对象数组，当新项被添加到列表中时，这些数据应该存储在中。此外，当应用程序加载时，必须将此信息推回到列表中。所以，我使用了AsyncCallback，但是它不能正常工作。当我刷新应用程序时，除了最后一个元素之外，所有存储的元素都会出现在列表中。如何将此项目返回到列表中？ import React, { useState, useEffect } from 'react';
import { StyleSheet, View, Text, FlatList, Button, AsyncStorage } from 'react-native';
expo
浏览 30提问于2020-04-14得票数 0
回答已采纳
我使用Firebase来跟踪所有的用户。我能连接Firebase。用户注册工作正常。
我在记录用户时有问题。当我输入登录名和密码时，应用程序不会将我重定向到右边的屏幕，也会抛出这个警告[Unhandled promise rejection: TypeError: navigation.navigation is not a function. (In 'navigation.navigation("myProfile")', 'navigation.navigation' is undefined)]
我就是这样做的
import { useN
浏览 4提问于2022-03-12得票数 1
回答已采纳
我已经实现了2个组件，下面是组件树。
回忆<- ProductCard (父母)(子)
我需要从productCard组件按钮导航到另一个名为“complainytSubmission”的屏幕
但是它说navigation.navigate不是一个函数，而且，未定义的函数不是一个函数，我是如何解决它的？
“记忆”组件：
我
mport * as React from 'react';
import {Dimensions, StyleSheet, View, FlatList, ScrollView, TouchableOpacity} from 'react-n
浏览 3提问于2021-04-05得票数 0
回答已采纳
我一直在从React本地开发一个移动应用程序示例，我一直收到以下错误，但我似乎无法指出哪里出了问题。
这一行不显示任何错误，日志中的详细信息也没有指示我应该关注的任何事项。但我一直在犯这个错误。
ReferenceError: Can't find variable: useState
This error is located at:
in App (created by ExpoRoot)
in ExpoRoot (at renderApplication.js:45)
in RCTView (at View.js:34)
in View (at
浏览 5提问于2021-08-05得票数 1
回答已采纳
我在React Native应用程序中尝试获得准确的计时时遇到了一个问题。下面是我的问题的一个基本版本。 我可以通过使用setTimeout让它工作，但是它不准确，我正在尝试使用useTimer，这是一个精确的计时器。但是，当我在useEffect中而不是在组件主体中创建计时器时，我得到了一个Invalid Hook Call, Hooks can only be called inside the body of a function component 正在努力寻找解决这个问题的方法。 import React from "react";
import { View, T
浏览 84提问于2021-08-29得票数 0
我正在处理一个基于对象键管理字符串数组的函数。假设它看起来是这样的：
import React, { useState, useEffect } from "react";
import FieldContext from "../contexts/FieldContext";
import io from "socket.io-client";
const [socket, setSocket] = useState(null);
// the `data` array gets changed every second due to a W
浏览 4提问于2020-06-30得票数 5
回答已采纳
1回答
我设置了一个超时，当用户停止输入3秒时，就会发出api调用并出现ActivityIndicator。
用完整代码编辑：
import React, { useState, useEffect } from 'react';
import { Text } from 'react-native';
import { ActivityIndicator } from 'react-native';
import {
Container,
SearchBar,
SearchBarInput,
SearchLoading,
Sear
浏览 6提问于2019-12-01得票数 1
回答已采纳
在react native中，当我想要用数组更新useState时，我得到了这个错误。 import React, {useState, useEffect} from 'react';
import { StyleSheet, View, Text} from 'react-native';
var generatecubes = true;
var cubesarr = [];
const Cubes = ({cubeHeight, cubeMover}) => {
const maxspikes = Math.ceil(global.ca
浏览 32提问于2021-02-28得票数 0
回答已采纳
1回答
我想在导航抽屉中使用上下文API，而我被困在了如何做到这一点上？
我有两个屏幕显示屏幕和上传屏幕，在上传屏幕我收集数据，并将它们发送到useState挂钩，然后把他们发送到显示屏幕。在显示屏幕上，我把这个数据添加到数组中，现在的问题是当我回去上传屏幕再发送更多的数据时，显示屏幕数组得到返回到它的初始状态，即为空。现在，我需要创建一个上下文api，以便在其中添加数据。我怎么能这么做。下面是我的代码：
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
* @flow s
浏览 4提问于2021-12-17得票数 2
当我运行代码时，它会多次连接到我的TCP服务器，即使我期望它只连接一次。
import React, { useEffect, useState, Component } from 'react';
import { Text, View, StyleSheet, Image, Button } from 'react-native';
import { Touchable, TouchableOpacity } from 'react-native-web';
var net = require('react-native-tcp-s
浏览 32提问于2022-06-06得票数 0
回答已采纳
因此，我开发了一个秋季检测器应用程序，我想要的只是当函数通知()激活时，它将导航到下一个屏幕，在那里它将启动一个计时器倒计时，没有onPress导航。有人知道怎么做吗？
问题是，我只知道如何在onPress中导航，但是当函数执行时，如何导航到下一个屏幕呢？
import React, { Alert, useState, useEffect } from 'react';
import { StyleSheet, Text, TouchableOpacity, View} from 'react-native';
import NotificationPopup
浏览 6提问于2022-05-27得票数 1
1回答
这是我在React Native中的第一个应用程序。我也是州政府管理的新手。
我的问题是，我如何保持我用钩子设置的状态？我想保存项目，即使在打开应用程序时没有互联网。
import React, { useState, useEffect } from 'react'
import axios from 'axios'
import Geolocation from '@react-native-community/geolocation'
import { FlatList, ActivityIndicator, Text, View } fr
浏览 0提问于2020-03-10得票数 1
我试图在用户按下submit时提醒他们根据CheckBox选择了什么选项。
我遇到的问题是，当我选中today和tomorrow的复选框时，handleSubmit函数外部的实际状态是真的，但是在handleSubmit函数中，today和tomorrow都是假的，我不知道如何在useCallBack钩子中呈现实际状态。
请找人看看我哪里出了问题，并帮助我。谢谢！
import React, { useEffect, useState, useCallback } from 'react'
import { CheckBox } from 'react-native-e
浏览 1提问于2020-08-09得票数 0
我正在构建一个小组件，它将显示一个红色的条带，上面写着No Connection。当我关闭wifi时，它工作正常，横幅显示正常。当我重新打开wifi时，NetInfo似乎没有接收到事件，因此横幅停留在原来的位置。 当wifi打开时，控制台日志不会打印任何东西，所以我假设netinfo没有更新。 下面是我的OfflineNotice组件： import React, {useState, useEffect} from 'react';
import {View, StyleSheet, Dimensions, Text} from 'react-native'
浏览 16提问于2020-10-15得票数 3
我有一个向导组件，它有很多状态属性。它用来保存大约5页内容的状态，然后控制提交给api。
在第一个例子中，我遵守使用React的第一条规则。
1.只打电话给高层的钩子
import React, { useState } from 'react'
import ReactDOM from 'react-dom'
const Wizard = props => {
const [uuid, setUuid] = useState(props.uuid)
const [firstName, setFirstName] = useState(&
浏览 1提问于2019-07-22得票数 1
回答已采纳
我在Expo中使用React Native，这原本是一个基于类的组件，但我将其转换为功能组件，因为我想使用钩子。现在它抛出了屏幕截图中显示的错误。我不知道如何处理这个错误?我看过另一个关于这个的帖子，但有点迷失了(我正在用react练习)。这个组件基本上是一个带标记的GPS！谢谢 ? import { View, Text, Animated, StyleSheet } from "react-native";
import MapView, { Marker, PROVIDER_GOOGLE } from "react-native-maps";
i
浏览 32提问于2021-03-29得票数 0
1回答
如何在议程中打印防火墙数据
、、、、
我试图打印从我的数据库中获得的数据，但是我想不出如何获取数据变量并在renderItem()中使用它。我已经成功地通过useState创建了在map()中使用的键，我只是想知道一种将这些变量从useState中提取出来的方法，并且能够在react agenda中使用它们
import React, { useEffect, useState } from 'react'
import { StyleSheet, View, Text, TouchableOpacity, Modal, TextInput, Alert } from 'react-native'
浏览 3提问于2022-08-13得票数 1
回答已采纳
React是在抱怨下面的代码，说它是有条件地调用useEffect的：
import React, { useEffect, useState } from 'react'
import VerifiedUserOutlined from '@material-ui/icons/VerifiedUserOutlined'
import withStyles from '@material-ui/core/styles/withStyles'
import firebase from '../firebase'
import {
浏览 0提问于2019-08-23得票数 83
回答已采纳
为什么在反应中会出现上述错误？-如果我取出useState for 'count2‘in Person.js，它工作得很好--但这肯定会奏效吗？
我有两个文件: Persons.js，它呈现一个Person.js列表。“‘people”数组被传入
import React, { useEffect, useRef, useContext, useState } from 'react';
import Person from './Person/Person';
const Persons = (props) => {
const [c
浏览 1提问于2020-10-27得票数 1
回答已采纳
我想推一个屏幕，但它不起作用：
TypeError: navigation.push is not a function. (In 'navigation.push('Restaurants', {
name: params
})', 'navigation.push' is undefined)
Explore.tsx
import { useNavigation } from '@react-navigation/core';
import { NativeStackScreenProps } fr
浏览 7提问于2022-02-22得票数 1
我有emebed底部导航选项卡和主屏幕的第一个选项卡。我想从登录屏幕上的登录按下按钮到主视图有主屏幕上的第一个选项卡。下面是登录屏幕的代码。在onPress={goToHome}上，我得到了以下错误：
TypeError: undefined is not an object (evaluating 'navigation.navigate')
import {
View,
Text,
Button,
TextInput,
StyleSheet,
Image,
TouchableOpacity
} from 'react-native'
浏览 6提问于2022-08-04得票数 0
import { StyleSheet, FlatList, View ,TextInput ,Button,Text} from 'react-native';
import firebase from 'firebase';
// Initialize Firebase
let app = firebase.initializeApp(firebaseConfig);
const db = app.database();
function App() {
const[message,setMessage]=useState('')
浏览 6提问于2020-03-19得票数 0
回答已采纳
1回答
import { StyleSheet, Text, View } from 'react-native'
import * as firebase from 'firebase';
//firebaseinititalized//
const[message,setMessage]=useState('');
const [messages, setMessages] = useState([])
useEffect(() => {
firebase.database.ref().child('messages
浏览 2提问于2020-03-19得票数 3
回答已采纳
关于
堆栈导航的版本-@react导航/堆栈“："^5.9.3”
我正在尝试显示主屏幕装载。
错误详细信息
代码在App.js中的应用
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import NavigationContainer from '@react-navigation/native';
import { createStackNavigator } from '@react-navigati
浏览 4提问于2020-10-20得票数 1
回答已采纳
1回答
我正在尝试在react-native中创建一个全局onchange处理程序，但它没有将我的电子邮件和密码的值设置为我在谷歌上搜索过的任何内容，但大多数示例都是基于react.js而不是react-native的，我将不胜感激 import React, {useState} from 'react';
import {View, Text, Button, TextInput} from 'react-native';
import style from './Style';
export default function Login() {
浏览 13提问于2020-07-06得票数 0
回答已采纳
我正在尝试使用UseEffect react钩子，但收到错误: React hook "useEffect“在函数"cockpit”中被调用，该函数既不是React函数组件，也不是自定义React Hook函数 import React, { useEffect } from "react";
import styled from "styled-components";
import "./cockpit.css";
// it is a css code
const StyledButton = styled.button
浏览 35提问于2020-07-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
