reactjs相关内容

不同函数中状态变量的值不同

我搞不懂作用域在Reaction中的工作原理。 我想将一个状态的值传递给另一个状态,但我发现在一个函数中它打印了正确的值,而在另一个函数中却没有。 这是一个倒计时,计时器倒计时并计算点击量,最后,我想要获得总点击量并将其发送到总状态。因此,状态为: const [strokeScore, setStrokeScore] = useState(1); const [tot ..
发布时间:2022-08-18 11:36:42 其他开发

反应打字脚本故事书使用onChange回调实现定制的输入组件,然后将setState值返回到输入

我目前正在实现一个带有故事书的Reaction定制输入组件。 我希望实现的是这个自定义的输入组件将使用几个参数,其中一个参数是onChangeInput,它将负责稍后为‘InputValue’设置State值,以下是我的主要输入组件实现: Input.tsx import React from 'react' export type Props = { /** * This ..
发布时间:2022-08-18 11:33:29 其他开发

使用useState钩子将项添加到存储在REACT状态的数组中的正确方法是什么?

我需要将项连接到存储在Reaction组件状态中的数组。我有一个关于stackblitz的例子,我不明白为什么数组没有增长,因为我使用扩散运算符将元素添加到现有数组中。感谢任何帮助 链接:https://stackblitz.com/edit/react-usestate-example-ebzt6g?file=index.js import React from 'react'; i ..
发布时间:2022-08-18 11:23:45 其他开发

MUI自定义文本字段失去对状态更改的关注

我正在使用MUI库创建我的React Js应用。 在这里,我使用controlled Text Field组件创建一个简单的搜索用户界面。 但有件事很奇怪。Text Field组件在其值更改后失去焦点。 这是我第一次面对这个问题。我以前从未遇到过这个问题。 这怎么会发生呢?解决方案是什么? 这里是代码和操场:https://codesandbox.io/s/mui-autoco ..
发布时间:2022-08-18 11:20:30 前端开发

参数为`new`关键字的useState

我正在构建一个独立的服务来处理复杂的事情,该服务是一个类,仅用于测试提议,我在useState中模拟。 重点是我在构造函数中忘记了console.log,并且意识到在重新呈现组件时,类构造函数被调用了很多次。这种行为不会导致意想不到的行为或类似的事情,但我在问自己为什么会发生这种情况,因为我知道在它的Call上的useState中声明的事情不会重复,但显然我错了导致以下问题的原因。 为 ..
发布时间:2022-08-18 11:10:36 其他开发

如何使用对象数组中的状态更新状态?

我在使用Reaction useState挂钩时遇到一些问题。我有一个带有复选框按钮的Todolist,我想将‘Done’属性更新为‘True’,该属性的id与‘Click’复选框按钮的id相同。如果我sole.log我的‘toggleDone’函数,它会返回正确的id。但我不知道如何才能更新正确的属性。 当前状态: const App = () => { const [stat ..
发布时间:2022-08-18 11:05:38 前端开发

等待useLazyQuery响应

我需要在按下提交按钮时调用查询,然后处理响应。 我需要这样的东西: const [checkEmail] = useLazyQuery(CHECK_EMAIL) const handleSubmit = async () => { const res = await checkEmail({ variables: { email: values.email }}) consol ..
发布时间:2022-08-17 16:41:08 其他开发

本地存储在NextJS中的使用效果问题

我在本地存储中获取和设置数据时遇到问题,如果我使用NextJ,则最初无法使用本地存储。 我尝试使用useEffect进行解析,但我有一个无限循环,我知道它用于依赖项。我不知道使用useCallback、useMemo或useRef解决问题的最佳方法。 我粘贴了带有问题的部分代码。 const [ meetings, setMeetings] = useState([] ..
发布时间:2022-08-16 21:21:02 其他开发

使用不使用AXIOS获取数据的效果

我想在第一次登录到结果页面时对我的数据库进行查询。我想从数据库中获取一些数据,并通过如下所示的axios在前端提供一个id。 import { useEffect } from "react"; import axios from "axios"; const Results = ({ linkURL, surveyId }) => { const linkToShare = l ..
发布时间:2022-08-16 21:09:18 其他开发

OnClick功能需要两次点击才能更新状态

我正在尝试创建一个具有收藏功能的应用程序。 该功能实际工作,但仅在第二次单击之后。 编辑了解更多信息:第一次点击时,应用程序尝试将信息发送到我的数据库,但它是不完整的。它只发送我的初始值。在第二次单击时,它最后会追加其他所需的值并保存到数据库中。 我对钩子还很陌生,所以请随时对我的代码可以使用的任何改进发表意见。 这是我的Reaction组件,它处理所有事情。 import Re ..
发布时间:2022-08-16 20:57:50 前端开发

反应js抓取API

我正在学习React.js,并尝试像这样获取API constructor() { super(); this.state = {person: []}; } componentDidMount() { fetch('https://randomuser.me/api/?results=500', {mode: 'no-cors'}) .t ..
发布时间:2022-08-16 20:22:06 前端开发

某些组件上的顺风CSS类不起作用

我有一个使用NextJS和ReactJS创建的项目。我已经安装了TailWind CSS,并在‘Components’文件夹中的一些组件中使用。 我在同一个‘Components’文件夹中又创建了一个组件,名为‘Thumbnail.js’。我想使用h-2 truncate p-2在‘缩略图’内的p标记中。他们没有表现出对部件的任何影响。在Chrome调试器中甚至看不到这些类名。 在我使用过 ..
发布时间:2022-08-14 18:28:58 其他开发

反应Murchant帐户的PayPal js实现问题

我们正在使用来自库的PayPal托管字段。当我们从HostedFields调用提交函数时,订单未被批准,我们收到的响应是orderID,但它未被批准,其状态仍为Created。 推荐答案 const submitHandler = () => { if (!typeof hostedFields.submit !== "function") return; // validate ..
发布时间:2022-08-14 13:51:55 其他开发