如何在GraphQL中正确链接useQuery和useMutation?
我有来自react-apollo-hooks的背靠背的useQuery和useMutation.我希望能够将useQuery的返回值用作useMutation的变量.当前，useQuery的值没有及时返回给变量，导致变量未定义. const {数据，错误，正在加载} = useQuery(GET_POSTS，{变量:{id:props.match.params.id}})const item
..
react-hooks相关内容
React自定义钩子内部的Apollo GraphQL查询
我正在尝试列出Rick&中的所有角色.Morty API.我编写了以下挂钩以在要呈现结果的Component中使用.当我对值进行硬编码时，例如:(page:1，filter:{name:"Rick"})查询运行得很好.如果我尝试使用变量，它将返回错误400错误请求(我假设这意味着我的$ page/$ filter值无效，我试图检查其中的值及其类型，一切似乎都很好)我查看了
..
使用useState存储来自useQuery的数据
我正在使用React钩子来通过 react-apollo 获取GraphQL数据并存储本地状态: const [userData，setUserData] = useState({})const {loading，error，data} = useQuery(USER_QUERY) 但是，我想知道如何将数据存储到 userData .这是应该如何工作的: useEffect(()=>
..
在带有react-apollo-hooks的函数中尝试调用useQuery
我想在需要时调用useQuery 但是useQuery不能在函数内部. 我尝试的代码是: export const TestComponent =()=>{...const {数据，加载，错误} = useQuery(gql(GET_USER_LIST)，{变量:{数据: {页面:changePage，pageSize:10，}，}，})......const onSaveInfo
..
React Hooks + Firebase Firestore onSnapshot-正确使用带有React Hooks的Firestore侦听器
问题 假设您有一个屏幕，其中包含一个在useEffect中创建的数据库侦听器，该侦听器的目的是在屏幕上增加一个计数器，如下所示: (仅使用不带依赖项的useEffect挂钩) function MyScreen(props){const [magazinesCounter，setMagazinesCounter] = useState(0);const handleMagazine
..
有条件地反应useEffect钩子加载快照
我正在尝试执行以下操作，但似乎无法获得最合适的解决方案:在我的React应用程序(应用程序组件)的顶层，我正在加载firebase和firestore.我有一个将我的身份验证信息存储在其中的react上下文.auth上下文不会立即加载，而是会在一段时间后加载.我正在使用onAuthStateChanged(来自firebase)来等待它.我的代码如下: const firebase = new
..
哪个react挂钩可用于firestore onsnapshot?
我在我的本机应用程序中使用了很多Firestore快照.我也在使用React钩子.代码看起来像这样: useEffect(()=> {someFirestoreAPICall().onSnapshot(snapshot => {//当组件最初加载时，将所有加载的数据添加到state中.//当Firestore上的数据发生更改时，我们会在此处收到该更新//回调，然后根据当前状态更新UI});;}
..
useReducer中用于返回参数的通用类型
我正在编写一个自定义钩子，以从API中获取一些数据.我希望返回的数据尽可能是类型安全的.可以使用泛型吗? type操作= {类型:'PENDING'} |{type:'SUCCESS';有效载荷:任何} |{type:'FAIL'};接口状态{isLoading:布尔值;isError:布尔值;数据:任何；}const dataFetchReducer =(状态:状态，操作:操作):状态=>{
..
React Hooks和useState的使用
我有一个带有某些状态的组件. 有什么区别 示例1: function CompA(){[a，setA] = useState(0);[b，setB] = useState("Test");返回(
{{a}}和{{b}})；} 和示例2: function CompA(){[state，setState] = useState({a:0，b:"Test"}))
..
处理React Hooks中的选择选项
我正在尝试使用React Hooks中的[useState}从下拉选择中获取文本值.我只是得到值(数字)而不是文本.香港专业教育学院复制了代码的下面，控制选择下拉列表的位.我在这里想念什么?谢谢. const [addrtype，setAddrType] = useState('Home')函数handleAddrTypeChange(e){setAddrType(e.target.value
..
屏幕上不显示使用Hooks从React Native中的Firebase Realtime数据库获取的数据
我最近开始在React Native中使用Hooks，我正试图从Firebase Realtime数据库获取数据并将其呈现在FlatList中.数据以对象格式显示在控制台上，但是不起作用，没有在屏幕上呈现.我究竟做错了什么?如何使其正常工作? 我的代码: 从"react"导入React，{useState，useEffect}；从'react-native'导入{StyleSheet，Vi
..
在React useState中使用时未定义Firebase数据
我的问题很简单.我有一个Firebase实时数据库，我正在从数据库中获取数据并尝试插入useState内，以便随后可以在我的应用程序中显示此数据.但是无论我做什么，数据始终是未定义的或为null.奇怪的是，如果我在jsx组件中插入相同的数据或通过控制台记录它，它的显示就没有任何问题. 这是我正在做的事情以及对该问题的描述: 首先这是我与用户的实时数据库 我只是想访问fullnam
..
一个属性是不确定的-在React中从类组件切换到函数钩子组件
当我尝试将Bootcamp项目代码从类组件切换到有状态功能组件时遇到此错误: TypeError:无法读取未定义的属性"user"(匿名功能)C:/Prosect curs react/src/pages/Login/Login.jsx:3532 |//}33 |34 |useEffect((prevProps)=> {>35 |如果(props.user！== prevProps.user)
..
无法使用React获取Firebase集合
我正在使用React hooks + firebase. 在firebase中，我创建了一个名为“项目"的集合 应该看不到我的数据吗? 下面是我的firebase和上下文设置 firebase.js 从"firebase/app"导入应用；导入"firebase/auth"；导入"firebase/firebase-firestore"；const config = {/
..
React Hooks:如何在useEffect中设置setState?
我正在尝试从firebase中获取数据，并使用useState挂钩将检索到的数据设置为我的状态.我知道我的API调用正在工作，因为我可以从firebase中记录数据，但是当我使用setState()时，它不会以我的状态结束，由于某种原因，我最终只能得到一个空数组.我想念什么? const Collection =()=>{const [dreams，setDreams] = useState(
..
按类别过滤JSON结果-React Hooks
说明 创建一个允许用户使用的网络界面: 根据特定条件过滤玩家列表.这些是您将根据测试数据创建的搜索过滤器: 年龄:允许用户过滤特定年龄或年龄范围(例如7、5-9、15-17等)中的玩家 性别:允许用户根据其指定的性别过滤玩家 状态:允许用户根据他们来自可用测试数据中所处的状态来过滤玩家 状态:允许用户根据其状态(有效/无效)来过滤玩家 您可以应用多个过滤器
..
无法在Reactjs中呈现数据
我是新来的反应者，从昨天开始一直对此进行调试，由于对所发生的事情一无所知，我最终决定发布. 以下反应代码从api获取数据，然后将其呈现在UI上.但是，这里很少发生奇怪的事情. 我收到错误消息，表示为 TypeError:最初无法读取未定义的属性'map'，但是当我注释掉 {renderTableData(data)} &保存，然后再次取消注释&保存，数据可以完美地呈现在用户界面上
..
为什么我的状态无法使用React Hooks更新?
我正在尝试将状态设置为从API提取的数据.但是，当我用console.log记录状态(在这种情况下为 items )时，它将返回一个空数组. 这是我的代码: const Search =()=>{const apiKey ='xxxxxxx';const [input，setInput] = useState('');const [items，setItems] = useState([
..
用JSON数据反应更新状态变量
App.js: function App(){const [items，setItems] = useState([]);useEffect(()=> {const searchDB =()=>{fetch("http://127.0.0.1:8443/subColumns/5/?key=fc257229-8f91-4920-b71f-885403114b35"，{模式:"cors"，凭据:“
..
反应挂钩以使用计时器管理API调用
我需要执行fetch API调用，该调用返回一个URL，对返回的URL进行处理，然后在60秒后刷新该URL.如果没有钩子，我可以轻松实现这一目标，但是我想要一个钩子解决方案. 重要:我不希望将其重构为多个组件，也不希望为计时器或API调用创建自定义钩子. 编辑:问题是-这是在hooks环境中处理计时器的正确方法吗?有更好的方法吗? 从'react'导入React，{useState，
..