17得票1回答
React Hooks中的useState()如何知道它是哪个组件实例?

React Docs表示: React如何将Hook调用与组件关联起来? React跟踪当前渲染的组件。由于Hooks的规则,我们知道Hooks仅从React组件(或自定义Hooks - 这些也仅从React组件调用)中调用。对于每个组件,都有一个内部的“内存单元”列表。这些...

16得票1回答
React函数中状态变量未更新。

我正在创建一个聊天应用程序,除了一个问题外,它完全正常:当我调用已传递给子组件的函数时,它使用状态变量的初始值而不是当前值。我在下面包含了代码和显示它使用错误值的日志片段。为什么会这样?这与LioWebRTC有关吗?请提供建议。 注意:我添加了一个额外的按钮来调用相同的函数,并且当前状态确实...

15得票2回答
使用Typescript和React进行文件上传(打字)

我刚开始学习TypeScript,请谅解。我正在尝试在React / TS中实现简单的文件上传。总的来说,我认为我不理解如何初始化对象,比如useState,并正确处理可能性。例如,请考虑当用户单击“上传”按钮并且我尝试从状态中读取文件并将其放入formData以将其发送到我的api端点时运行...

15得票2回答
为什么我的React组件在初始加载时会渲染两次?

我有一个功能组件叫做(First)function First() { const [count,setCount]=useState(0) console.log("component first rendering") // this logging is happeni...

15得票2回答
useState钩子的setState函数的类型是什么?

我正在将我的React项目转换为Typescript。 我有这样一段状态: AdminBlogPostContainer.tsxconst [blogPost,setBlogPost] = useState<null | BLOGPOST>(null); return( &l...

14得票5回答
如何在使用React.js时滚动时显示或隐藏导航栏?

我使用了react.js的Hooks(useState和useEffect),当我向下滚动屏幕,屏幕向下移动250像素后,Header会隐藏。现在我想知道如何在向上滚动时使用react Hooks来显示Header。 我使用了useState和useEffect Hooks在react.js...

13得票4回答
useState和props的更改

我正在尝试理解当你在一个组件中同时使用props和useState时会发生什么。 我写了一个小例子,其中有一个父组件,它使用另一个子组件打印数字 - const MyNumbers = (props) => { const [numbers, setNumbers] = useSta...

12得票4回答
MUI自定义文本框在状态改变时失去焦点。

我正在使用 MUI 库创建我的 React Js 应用程序。 在这里,我使用了受控文本字段组件来创建一个简单的搜索界面。 但是有点奇怪,Text Field组件在其值被更改后失去了焦点。这是我第一次遇到这个问题,以前从未遇到过。 为什么会发生这种情况?有什么解决办法? 以下是代码和演示...

11得票1回答
使用useState和useContext React Hooks实现localStorage持久化

我已经使用useContext建立了一个Provider来共享一些用户状态。因此,我正在尝试利用本地存储来保存用户的一些图像(头像等)状态。 首先,我正在尝试持久化用户的头像,实质上是保存他们从express获得的ID,然后在调用Cloudinary(一个图像托管服务)时使用它。 我认为我已经...

10得票3回答
在React中等待useState

我已经花了几天时间在这段代码上与它进行斗争,但我仍然无法弄清楚。 问题: 我正在处理一个带有dropzone的表单,在提交处理程序中,我需要将图像的网址保存到一个数组中,但它总是返回为空数组。 声明图像数组: const [images, setImages] = useState([]...