不变冲突、无效的钩子调用、useApolloClient
不变冲突（Invariant Violation）是指在React应用中，当发生某些不符合预期的情况时，React会抛出一个错误。这个错误通常是由于组件的状态或属性发生了不一致的变化导致的。
无效的钩子调用（Invalid Hook Call）是指在使用React的自定义钩子时，没有按照规定的方式调用钩子函数，导致React无法正确处理钩子的状态和副作用。
useApolloClient是一个React Hooks，用于在React组件中获取Apollo Client实例。Apollo Client是一个用于管理GraphQL数据的强大工具，它可以与各种后端服务集成，并提供了一套强大的API来处理数据获取、缓存管理、数据更新等功能。
在使用useApolloClient时，需要确保在函数组件的顶层作用域中调用，不能在条件语句、循环语句或嵌套函数中调用。这是因为React需要在每次渲染时保持钩子的调用顺序一致，以便正确地管理钩子的状态。
使用useApolloClient可以方便地在React组件中获取Apollo Client实例，并使用其提供的API进行数据查询、变更等操作。通过Apollo Client，可以轻松地与后端GraphQL服务进行通信，并将获取到的数据在组件中进行展示或处理。
腾讯云提供了云原生应用平台TKE（Tencent Kubernetes Engine），它是基于Kubernetes的容器服务，可以帮助用户快速构建、部署和管理容器化应用。TKE提供了高可用、弹性伸缩、自动化运维等特性，适用于各种规模的应用场景。了解更多关于TKE的信息，可以访问腾讯云官网：https://cloud.tencent.com/product/tke
对于网络通信和网络安全，腾讯云提供了云服务器CVM（Cloud Virtual Machine）和云安全产品，可以帮助用户搭建安全可靠的网络环境。CVM提供了丰富的实例类型和配置选项，适用于各种计算需求。腾讯云的云安全产品包括DDoS防护、Web应用防火墙（WAF）、安全加速等，可以帮助用户保护网络安全。了解更多关于CVM和云安全产品的信息，可以访问腾讯云官网：https://cloud.tencent.com/product/cvm 和 https://cloud.tencent.com/product/ddos
音视频和多媒体处理方面，腾讯云提供了云直播（Cloud Live）和云点播（Cloud VOD）等产品。云直播可以帮助用户实现高并发、低延迟的音视频直播服务，适用于各种直播场景。云点播可以帮助用户存储、管理和播放音视频文件，提供了丰富的媒体处理功能，如转码、截图、水印等。了解更多关于云直播和云点播的信息，可以访问腾讯云官网：https://cloud.tencent.com/product/live 和 https://cloud.tencent.com/product/vod
人工智能方面，腾讯云提供了人工智能平台AI Lab和人工智能开发套件AI Kit。AI Lab提供了丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等，可以帮助用户快速构建人工智能应用。AI Kit是一套开发工具和SDK，提供了丰富的人工智能算法和模型，可以帮助开发者在各种应用中集成人工智能功能。了解更多关于AI Lab和AI Kit的信息，可以访问腾讯云官网：https://cloud.tencent.com/product/ailab 和 https://cloud.tencent.com/product/aikit
物联网方面，腾讯云提供了物联网开发平台IoT Hub和物联网套件IoT Suite。IoT Hub提供了设备接入、数据传输、设备管理等功能，可以帮助用户快速构建物联网应用。IoT Suite是一套完整的物联网解决方案，包括设备接入、数据存储、数据分析等，适用于各种物联网场景。了解更多关于IoT Hub和IoT Suite的信息，可以访问腾讯云官网：https://cloud.tencent.com/product/iothub 和 https://cloud.tencent.com/product/iot-suite
移动开发方面，腾讯云提供了移动应用开发平台MPS（Mobile Application Development Platform），可以帮助开发者快速构建移动应用。MPS提供了丰富的开发工具和服务，包括应用开发框架、云存储、推送服务等，适用于iOS和Android平台的应用开发。了解更多关于MPS的信息，可以访问腾讯云官网：https://cloud.tencent.com/product/mps
存储方面，腾讯云提供了云存储COS（Cloud Object Storage）和云数据库CDB（Cloud Database）。COS是一种高可用、高可靠的对象存储服务，适用于存储和管理各种类型的数据。CDB是一种高性能、可扩展的云数据库服务，支持多种数据库引擎，适用于各种应用场景。了解更多关于COS和CDB的信息，可以访问腾讯云官网：https://cloud.tencent.com/product/cos 和 https://cloud.tencent.com/product/cdb
区块链方面，腾讯云提供了区块链服务BCS（Blockchain as a Service），可以帮助用户快速构建和部署区块链应用。BCS提供了一套完整的区块链解决方案，包括链上节点管理、智能合约开发、数据存储等，适用于各种区块链应用场景。了解更多关于BCS的信息，可以访问腾讯云官网：https://cloud.tencent.com/product/bcs
元宇宙（Metaverse）是指一个虚拟的、与现实世界相互交互的数字空间。在元宇宙中，用户可以通过虚拟现实、增强现实等技术与其他用户进行交流、参与各种活动。元宇宙具有广阔的应用前景，包括游戏、社交、教育、商业等领域。了解更多关于元宇宙的信息，可以访问腾讯云官网：https://cloud.tencent.com/solution/metaverse
相关·内容
我在React Native中得到了这个错误： “不变冲突:无效的钩子调用。Hoks只能在函数组件的主体内调用。等。” 我的代码(简化)是这样的： import { useApolloClient } from '@apollo/react-hooks';
// code
const handleRedirectCalculator = React.useCallback(() => {
const client = useApolloClient();
client.clearStore();
navigation.push('Cur
浏览 30提问于2020-08-12得票数 0
在呈现我的React组件时，我从ESlint那里得到了一个关于我是如何使用钩子的错误。
React Hook "useReactiveVar" is called conditionally. React Hooks must be called in the exact same order in every component render
下面是我的密码。我怎么解决这个问题？
import { useEffect } from 'react';
import { useApolloClient, useReactiveVar } from '@a
浏览 4提问于2022-07-14得票数 0
回答已采纳
1回答
不能用嵌套值设置阿波罗本地状态
、、、、
我正在用React测试阿波罗图形to，并试图用一个嵌套对象更新本地状态。我遇到了一个问题。数据返回一个null值，甚至不返回我设置为默认值的值。我看到的唯一警告是Missing field __typename。我不知道我缺少了什么，或者这是不是您正确地使用Graphql或阿波罗问题设置嵌套值的方式。我有一个代码沙箱和我想要做的示例
index.js
import React from "react";
import ReactDOM from "react-dom";
import ApolloClient from "apollo-boost"
浏览 8提问于2019-09-19得票数 2
回答已采纳
3回答
在Apollo Client v3 React实现中，我使用钩子来使用订阅。当我从订阅接收数据时，我想要重新获取查询，但前提是查询之前已经执行过并且在缓存中。有没有办法做到这一点？ 我首先有一个惰性查询，然后在收到订阅数据时手动检查缓存，然后尝试执行惰性查询和重新获取。它很管用，但感觉很笨拙... export const useMyStuffLazyRefetch = () => {
const [refetchNeeded, setRefetchNeeded] = useState<boolean>(false);
const client = useA
浏览 28提问于2020-06-29得票数 3
回答已采纳
我对react比较陌生，似乎不能从上下文中导入client变量。我有一个名为federation.tsx的文件，其中包含一些代码，我认为这应该是相关的部分：
const link = createHttpLink({
uri: process.env.URL,
});
const useApolloClient = (user: User | null) => {
const authLink = setContext((_, { headers }) => {
return {
headers: {
...headers,
浏览 8提问于2021-02-22得票数 2
回答已采纳
我有一个数据数组(由日期组成)，需要对其中的每个日期运行一个graphql查询。为数组中的每个日期解析的Promise应该返回新数据，我希望将其推送到react组件的本地状态。
但不知何故，该函数只返回数组最后一个元素的数据。
...
const [
getInvoiceByDateQuery,
{ loading: getInvoiceByDateQueryLoading, data: getInvoiceByDateQueryData },
] = useLazyQuery(GET_INVOICES_BY_DATA, {
浏览 1提问于2021-03-20得票数 1
5回答
我已经使用Query组件创建了一堆调用GraphQL的React组件，一切都很正常。 在一个组件中，我需要一些来自数据库的初始数据，但没有任何可视化表示。 我尝试使用query组件，但它似乎只在呈现周期触发。我尝试将其打包到一个函数中，并在需要数据的组件中调用此函数。但是代码/查询不会执行，因为没有要显示的组件。 如何在没有组件的情况下从数据库中获取这些数据？ 我找不到任何关于如何解决这个问题的文档。但我不可能是唯一这么做的人。 我的问题的答案是ApolloConsumer还是ApolloProvider？ 我正在处理会议和会议。会议持续几天，每一天都有多个会议。 我正在尝试实现的是呈现一个
浏览 10提问于2019-05-28得票数 11
1回答
从中，我们知道反应钩子不能在一个条件下调用。我有一个定制的react钩子useRemoteData，我把它放在if(visible) return null语句之后。所以它违反了钩子的规则。
我希望RTL应该抛出无效的钩子调用警告。但事实并非如此。两个测试用例在没有任何警告的情况下通过了。
Eslint给出了正确的警告信息：
React "useRemoteData“是有条件的。在每个组件呈现中，必须以完全相同的顺序调用React。你是不是在早早回来后不小心叫了一个反应钩？
fn.tsx
import React from 'react';
import { u
浏览 6提问于2022-03-10得票数 1
2回答
我是新手，我正在创建用于更新项目状态的共享通用函数。这样做的目的是在其他模块上重用此功能。但是，在无效钩子调用(无效钩子调用)上，我面临运行时错误。只能在函数组件的主体内调用钩子)。如何更改函数以修复无效的钩子调用？
export async function updateStatus(sectionId:number, statusId: number ) {
useEffect(() => {
const {updateProSecStatus} = useUpProSecStatus(); // GQL Mutation
const {setAlertMsg}
浏览 7提问于2022-07-16得票数 0
2回答
我认为这可能是个错误或者是配置错误。我得到了一个错误：networkError: ServerError: Response not successful: Received status code 500
当我第一次提交表单时，我会得到想要的结果，但是如果我再次点击submit按钮，我就会得到上面的networkError消息。
const client = useApolloClient();
const [val, setValu] = useState({
email: 'example@example.com',
password: '
浏览 0提问于2019-10-15得票数 1
回答已采纳
2回答
在Apollo React文档中，有一些在组件显示时自动获取的示例，但我想在单击按钮时运行查询。我看到了一个例子，当一个按钮被点击时，“re”获取一个查询，但我不希望它一开始就进行查询。我知道有一种方法可以调用突变，但是如何调用查询呢？
浏览 1提问于2016-10-02得票数 69
回答已采纳
我有一个查询，它获取一个带有分页的列表。如果我使用cache-and-network，apollo首先获取缓存的列表项，然后获取第一个页面。它会导致屏幕闪烁。如果我使用network-only，它会停止，但每次我导航时，我都会得到列表的第一页。我想使用缓存列表。对于cache-first，它工作得很好。 然而，当我试图向列表中添加一个新项目时，我显然想重新获取它。添加新列表项是在单独的组件中进行的，并且不呈现列表组件，并且列表查询处于非活动状态。 一旦突变promise得到解决，我就会重定向到list组件，但refetchQueries似乎在此之前运行。 我可以挂载list组件来激活查询，但
浏览 18提问于2021-10-06得票数 2
2回答
我创建了一个验证电子邮件地址的组件。
它可以工作，但是由于我对钩子不熟悉，所以我希望在让我所做的工作在我所创建的其他组件上松掉之前，对我所做的事情进行一些验证。
我特别担心的是，我没有正确地管理状态，这看起来很冗长，而且我有很多变量正在跟踪。
如果有人对淡色成分有任何指点，我会很感激的。
我意识到，我仍然需要处理来自useQuery的错误。
当然，我也不知道我不知道什么，所以你可以自由地指出我的正确方向。
谢谢!
import React, { useState } from 'react'
import { InputAdornment, Typography } from
浏览 0提问于2019-09-07得票数 3
1回答
Jest似乎不能使用我导入的组件。
这通常是设置导出/导入的方式的问题，但我的控制台日志显示组件正在导入到文件中，但没有进入描述函数(参见下面的内联注释)。
import ValidInput from '../components/ui/ValidInput';
console.log(typeof ValidInput) // 'function'
describe('ValidInput', () => {
it('Renders succesfully', () => {
consol
浏览 15提问于2019-07-28得票数 2
因此，git钩子只将更改Id放入提交中。尽管合并提交可以被推送到审查分支，甚至Gerrit也被配置为在提交消息中要求更改Id。当一个合并提交被推送时，所有后续提交都将取决于合并提交--因为没有更改Id。那么，不将Id更改为合并提交的目的是什么？
浏览 2提问于2013-11-11得票数 19
回答已采纳
我正在尝试从一个处理api调用的非组件函数中调用调度。结构如下：
-MainApp.js
-scripts/
--auth.js
在脚本/auth.js中，如下所示：
export async function signIn(nav) {
const dispatch = useDispatch();
try {
...
dispatch(setIsAuthed(true));
}
...
}
我调用signIn() from和onPress。我接到一个无效的钩子电话。我做错了什么？
浏览 1提问于2022-09-29得票数 0
1回答
我用的是React和Graphql以及阿波罗。
我的index.js如下：
const client = new ApolloClient({
uri: GRAPHQL_URL,
fetchOptions: {
credentials: 'include'
},
request: (operation) => {
const token = localStorage.getItem(AUTH_TOKEN_KEY) || "";
operation.setContext({
浏览 0提问于2020-05-04得票数 0
我得到了错误：“无效的钩子调用。钩子只能在函数组件的主体内调用。”在反应功能方面：
interface Items {
items: any[]
}
const [items, setItems] = useState<Items>();
const ItemsList: React.FC<Items> = ({ items }) => {
useEffect(() => {
const response = Http.get<Items>(url).then(res => setItems(res)) || [] as
浏览 4提问于2021-01-14得票数 0
回答已采纳
当我运行下面的代码时，我得到: Uncaught错误:无效钩子调用。钩子只能在函数组件的主体内调用。这种情况的发生有以下原因之一：
您可能有React和呈现器的版本不匹配(例如React )。
你可能违反了胡克斯的规则
useEffect(() => {
if (user.email) {
const { data } = GetUserInfo(user.email);
}
}, [user.email]);
我要做的是，直到我收到用户的电子邮件，我将不会运行getUserInfo查询。
浏览 9提问于2022-09-19得票数 0
回答已采纳
我收到无效钩子调用的错误。有没有人能发现我做错了什么。此代码用于选择数据n并将其添加到购物车中。我想使用状态更新，但它给出了无效钩子的错误。
我是新的反应-本机和不知道所有的部分，请帮助。
const CarouselCardItem = ({ item, index }) => {
const [orderItems, setOrderItems] = React.useState([])
function editOrder(action, id, price) {
let orderList = orderItems.slice()
浏览 1提问于2021-05-31得票数 0
1回答
Apollo客户端提供了用于使用MockedProvider测试API的，但它似乎没有模拟useApolloClient钩子。当我将MockedProvider与我的功能组件一起使用并运行测试时，即使我在挂载时添加了MockedProvider，也会出现此错误：
Invariant Violation: No Apollo Client instance can be found. Please ensure that you have called `ApolloProvider` higher up in your tree.
72 | );
73 |
浏览 4提问于2021-10-03得票数 0
当我想在customHook代码中设置if时出错
在这之后我得到了错误的->
React Hook "" is called conditionally. React Hooks must be called in the exact same order in every component render
问题是，在称此工作为好(不包括if ) ->时，是否存在状态
const =(,());
如果useDataForm (自定义钩子) dataValid无效，则不加载。
浏览 3提问于2022-06-30得票数 1
2回答
我试图使用useDispatch从自定义钩子中分派一个Redux操作，但是我得到了一个“无效钩子调用”错误。如果我正确理解钩子的规则，我认为我没有违反任何规则，因为我是从自定义钩子调用useDispatch。我遗漏了什么？?
码
功能部件主选择器
export const getFlattenedDevicesList = createSelector(
getDevicesList,
(deviceList) => {
return (
deviceList
.map(makeOrganizationKey)
.map(mak
浏览 7提问于2022-07-18得票数 0
回答已采纳
2回答
const useSomeHook = ({number}) => {
const [newNumber, setNewNumber] = useState(0)
useEffect(() => {
setNewNumber(number + 1)
}, [number])
}
const SomeComponent = ({number, value, ...restProps}) => {
useSomeHook({number})
return <div>{number}</div>
} 让我们假设我有这样
浏览 13提问于2020-04-26得票数 8
我遇到了一个使用useQuery Apollo钩子运行查询的问题，但是如果我使用useApolloClient钩子获取ApolloClient的实例，然后调用客户机的query方法，调用将失败，并显示错误Error: query option is required. You must specify your GraphQL document in the query option.
我的代码或多或少如下所示：
import React from 'react'
import gql from 'graphql-tag'
import { useQuery,
浏览 3提问于2020-03-05得票数 0
3回答
过去几天我一直在努力想办法弄清楚为什么我会一直犯这个错误-
Reactive-dom.Development.js:16227 Uncaught (承诺)错误:无效钩子调用。钩子只能在函数组件的主体内调用。
useState组件
import { useState } from 'react';
async function CreateMeta() {
const { test, setTest } = useState();
}
export default CreateMeta;
主组件
import CreateMeta from "./createm
浏览 9提问于2022-08-19得票数 0
回答已采纳
我想在一个常规函数中使用我的自定义钩子，如下所示，但是React不让我这么做。我想知道是不是我的useUrl自定义钩子无效，或者调用钩子有问题。 const handleAddFormation = async () => {
console.log('add formation')
await useUrl('POST', 'http://localhost:1337/formations', newFormationList)
setNewFormationList([])
setModalOpen
浏览 91提问于2021-08-29得票数 1
1回答
我正在与NextJS，阿波罗和反应(钩子)一起开发一个网络应用程序。
我有一个表格，要求访客的名字作为注册过程的第一步。提交表单时，名称将保存在阿波罗缓存中，访问者将被重定向到下一页。
import React, { useState } from 'react';
import Router , {useRouter} from 'next/router';
import { useApolloClient } from '@apollo/react-hooks';
const NameForm = props => {
c
浏览 2提问于2020-03-29得票数 5
1回答
MOBX和反应集成
、、、、
在重新编写客户端应用程序时出现有效的钩子错误.(升级代码)
mobx 6.3.8 mobx反应7.2.1，mobx状态树5.0.5反应17.0.1 RN 0.64.3。
我觉得错误就在这里。我搜索了使用商店的代码行，它让我找到了不推荐的网站.我不知道在哪里可以在站点中找到新的处理方法.这叫什么？
import { createContext, useContext } from "react"
import { RootStore } from "./root-store"
const RootStoreContext = createContext<
浏览 14提问于2022-01-07得票数 0
回答已采纳
我创建了一个名为TopLocation()的函数组件，并将此函数调用给另一个组件const handleChange =e => { TopLocation(e.target.value) }
function TopLocation (cityid=null) {
const[location,setLocation]=useState();
let city={city_id:(cityid==''?localStorage.getItem("location"):cityid)};
useEffect(()=> {
浏览 1提问于2022-04-09得票数 0
3回答
我收到这个错误：
无效钩子呼叫。钩子只能在函数组件的主体内调用。
我使用钩子来获取路由器的位置，函数HeaderView() (它本身工作得很好)和设置状态，这样我就可以在当前路由的基础上使用我的组件。
这是我的钩子的组成：
const Navbar = () => {
const [route, setRoute] = useState("/");
function HeaderView() {
let location = useLocation();
console.log(location.pathname);
setR
浏览 4提问于2020-04-20得票数 0
回答已采纳
如果两个模块实现了两个单独的钩子，最终得到了同名的函数，这会导致冲突或问题吗？
a.module
/**
* Implements hook_a_b().
*/
function a_a_b() {}
b.module
/**
* Implements hook_b().
*/
function b_b() {}
c.module
/**
* Implements hook_a_b().
*/
function c_a_b() {}
c_a.module
/**
* Implements hook_b().
*/
function c_a_b() {}
即使函数具有相同的名称，
浏览 0提问于2019-04-04得票数 1
回答已采纳
New in function，试图实现一个自定义钩子，当用户按下“输入”键时调用函数：
import { useEffect } from 'react'
const useEnterToCall = callBackFunction => {
const listenToCallWithEnter = e => {
e.code === 'Enter' && callBackFunction()
}
useEffect(() => {
document.addEventListener(
浏览 8提问于2021-06-21得票数 0
import React from "react";
import Detailpost from "../../DetailPost/detailpost";
const Post = (props) => {
return (
<div className="post">
<div className="img-thum">
<img src="https://placeimg.com/200/150/
浏览 14提问于2022-02-24得票数 1
1回答
我有一个功能，需要运行时，我的应用程序启动。它基本上会发出几个API调用，以获取用户的信息、计数其消息并订阅套接字通道。
它是用React query制作的。但是它不执行任何API调用。函数_getUserInformations从未被触发，并且我的检查器的网络选项卡仍然无效。
服务器没有问题，路由也正常工作。以下是代码：
export default function App() {
useEffect(() => {
initializeUser();
}, []);
const user = userStore();
return routes + a
浏览 1提问于2021-04-09得票数 0
回答已采纳
在为我的购物车添加结账屏幕后，显示无效的钩子调用错误。因为我认为我没有在结账屏幕上使用任何错误的功能。下面是用于依赖关系的package.json文件。反应与反应版本是错配的?？
“依赖项”：{“@aws-放大/数据存储”："^3.12.1“、”@react本机-异步-存储/异步-存储“："^1.17.7”、“@react本机-社区/netinfo”："^9.3.0“、”@react导航/底部-选项卡“："^6.3.1”、“@react导航/原生”："^6.0.10“、”@react导航/堆栈“："^6.2.1"，"@reduxj
浏览 20提问于2022-07-15得票数 1
回答已采纳
无法在前几篇文章中找到与本机相关的帮助。
我收到这样的信息：
无效钩子呼叫。只能在函数组件的主体内调用钩子。
我的组件是一个功能组件，所有的钩子(useState，useDispatch )都在里面调用。有人听到这个了吗？
export default function LoginScreen (props) {
const [name, setName] = useState("");
const [message, setMessage] = useState("");
const nextScr
浏览 0提问于2020-01-16得票数 0
回答已采纳
我只需要在小屏幕上显示一个对话框。经过研究，我发现有一个名为的钩子，它在浏览器遇到特定分辨率时返回布尔值。
我用的是"@mui/material": "^5.1.1"
这就是我的实现：
import { useTheme, useMediaQuery, Dialog, DialogTitle } from '@mui/material';
import { useEffect, useState } from 'react';
const MyDialog = () => {
const theme = useTh
浏览 2提问于2022-02-04得票数 0
回答已采纳
1回答
调用自定义钩子时的钩子调用无效
、、、、
我试着解决一个问题已经4天了，我已经搜索了很多！我不确定我只是在寻找错误的东西，还是看到了它，只是完全忘记了它。我的问题是，当我从main函数调用钩子时，它可以工作，但当我通过onSubmit函数调用它时，由于钩子调用无效而失败。我理解钩子为什么会无效的概念，但我完全不确定如何解决它。我重新格式化了钩子，以便可以在代码中更早地初始化它，然后通过onSubmit调用它，但问题是状态令牌只在初始化时更新，而不是在更改时更新。从而导致一些具有坏令牌的API调用。任何人所能提供的任何帮助都将不胜感激！ 设置: NextJS、React-Form、通过Next- Redux -Wrapper的Redu
浏览 30提问于2021-10-20得票数 0
我最近一直在处理一些与钩子相关的问题，因为我一直在我的一个项目中实现钩子。我一直收到错误消息“渲染的钩子比上次渲染的时候多”。 似乎我能让我的代码工作的唯一方法是将useQuery钩子放在所有其他钩子之后。然而，这是一个问题，因为我想用查询数据中的值填充状态的一些值。 // code that doesn't error, but am not able to initialize state with query values
const [url, setUrl] = useState('')
const updateLink = useMutation(LI
浏览 16提问于2019-04-02得票数 10
回答已采纳
2回答
我试图，因此，遵循阿波罗的官方文件。我看不出文档和我的代码之间有什么区别，但是，我总是看到错误“太多的重新呈现”。
const FEED_QUERY = gql`
query contactAccessKey($accessKey: String!) {
contactAccessKey(accessKey: $accessKey) {
id
contactInformation
belongsTo {
id
username
email
}
}
}
`;
function
浏览 0提问于2020-03-01得票数 1
App.js：
function App() {
PreProcess();
const user = useSelector(selectUser); // user initialized to null
return user ?
(
<p>{user}</p>
)
:
(<p>Authenticating and Authorizing</p>)
}
export default App;
preProcess.js：
export const PreProcess = asy
浏览 4提问于2021-09-23得票数 0
回答已采纳
1回答
我一直在尝试在我的多站点安装上设置不同的重写规则，但到目前为止，什么也没有起作用。即使是简单的
add_rewrite_rule('^welcome$', 'index.php?p=1', 'top');
不起作用。
在使用需要执行的重写API设置重写规则时，还需要做些什么，而这些规则不是在法典中定义的？
这个问题让我想知道:用API重写规则是否应该用.htaccess编写？
提前谢谢你。
PS。如果我在重复，我很抱歉，但我还没有找到一个很好的书面答复。
浏览 0提问于2019-05-15得票数 0
回答已采纳
4回答
在axios实例中使用状态令牌
、、、、
我有一个从api中获得的令牌状态：
const initialState = {
isAuth: false,
token: "",
};
我想在Axios实例中重用令牌：
const api = axios.create({
baseURL: `${baseUrl}`,
headers: {
Authorization: `Bearer ${token}`,
},
});
export default api;
问题是，我无法通过useSelector将令牌读取为：
const token = useSelector((state) =>
浏览 12提问于2022-09-13得票数 1
回答已采纳
1回答
我用的是阿波罗+反应+小丑。
我有数据在阿波罗缓存，然后我从它得到的数据在反应以及。
但是我不能在测试的时候得到数据。
readFragment和useQuery的数据获取方式不同。
因此，我不能在单元测试文件中使用相同的方法来测试readFragment。
我试图嘲弄provider和client，但它不起作用。
在测试中是否有readFragment的解决方案？
我的反应档案
import React from "react";
import { useApolloClient } from "@apollo/react-hooks";
const Fil
浏览 5提问于2020-03-23得票数 1
回答已采纳
我试图为项目列表模板设置一个自定义主题建议。它确实有效，但我收到了一条错误消息：
用户错误："attributes“是Drupal\Core\ render \Element::children()中无效的呈现数组键(Core/lib/Drupal/Core/Render/Element.php第97行)。
功能：
function MYTHEME_theme_suggestions_item_list_alter(array &$suggestions, array $variables) {
$moduleclass = str_replace('-',
浏览 0提问于2018-06-12得票数 0
我使用git在几台计算机之间共享配置文件。因此，我设置了一个小脚本，它在每次启动或停止这些计算机时执行一系列git pull / git push。
问题是我并不总是花时间阅读这些脚本的输出，因此我可能会错过一些合并冲突警告。
有没有办法让git在每次来自存储库的git pull导致未解决的冲突时给我发一封电子邮件？
浏览 0提问于2011-04-15得票数 1
回答已采纳
3回答
我使用React导入一个带有useState钩子的函数，这似乎破坏了它。我有一个用钩子反应的版本：
npm ls react => react@16.10.2
npm ls react-dom => react-dom@16.10.2
我可以很好地使用组件。当我包含一个钩子时，我会得到“无效的钩子调用”屏幕。
在我的图书馆项目中：
/**
* @class ExampleComponent
*/
import * as React from 'react'
import styles from './styles.css'
export d
浏览 1提问于2019-10-17得票数 2
回答已采纳
我试着比较一些道具，prev道具和新道具。我创造了一个钩子：
export const RelatedArticles: FC<RelatedArticlesProps> = props => {
const { content, currentArticle, fetchRelatedContent } = props;
const usePrevious = <T extends unknown>(value: T): T | undefined => {
const ref = React.useRef<T>();
浏览 0提问于2020-04-06得票数 0
回答已采纳
在我的自定义钩子中使用状态时，我会得到一个无效的钩子调用错误。这是我的密码
import { useState } from 'react';
export default function useFetch() {
const [randomValue, setRandomValue] = useState<number>();
setRandomValue(3);
return randomValue;
}
钩子位于路径上的钩子文件夹中：./src/hooks
有什么理由吗？
浏览 1提问于2021-05-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
