react-hooks 相关问题

Hooks是一项新功能，允许开发人员在不编写类的情况下使用状态和其他React功能。

我们如何在React中知道用户位置或Ip地址？

我想知道用户位置，我尝试了多个 api，但如果我不提供 IP 地址，它们都会给我错误的州和城市名称，就像这个 api -> https://ipapi.co/json 但如果我通过了...

javascript reactjs react-hooks ip-address

回答 1 投票 0

ReactJS 从子组件调用父函数不显示更新的父状态

我正在尝试使用功能组件实现自定义多步骤登录功能。从父组件中，我传递一个父状态钩子和一个子组件应在表单 su 上调用的函数...

reactjs react-hooks react-functional-component

回答 1 投票 0

React setState 不重新渲染

开始了ReactJS课程，在第4章我遇到了这个问题。我已经验证了几个帖子，但没有一个起作用。 setState() 是任何未重新渲染组件的实现。常量公司...

reactjs react-hooks jsx setstate

回答 1 投票 0

在不使用 useCallback()、useMemo() 或任何自定义钩子的情况下防止重新渲染

在下面的代码中，我有一个 Button 组件和一个 Todo 组件，渲染时如下所示：单击任何按钮都会使用 API 调用提供相应的待办事项。应用程序.jsx：导入 { useE...

javascript reactjs react-native react-hooks frontend

回答 1 投票 0

React：首先调用onChange钩子，同时设置defaultChecked

让 radio_onchange = (e) => { 变量.radio = radio_name; 如果（on_update）on_update（）； }; 让 radio_defaultChecked =variable_index === radio_index; 返回（ let radio_onchange = (e) => { variable.radio = radio_name; if (on_update) on_update(); }; let radio_defaultChecked = variable_index === radio_index; return ( <Fragment key={radio_index}> <input type='radio' name={radio_id + '-' + radio_name} value={radio_name} defaultChecked={radio_defaultChecked} onChange={radio_onchange} /> </Fragment>); 更改时，单选按钮有一个副作用，即将variable.radio设置为radio_name。现在defaultChecked仅设置最初对无线电进行检查，即组件首次安装时。我还想在 onchange 最初加载的那一刻触发它的副作用。我可以使用类似 useEffect 的东西，没有依赖项，但是上面的代码有两个循环深（迭代 n 个变量和 k 个无线电），所以当我在 radio_defaultChecked 下面使用 useEffect 来调用 radio_onchange 时，会抛出一些错误，比如 Warning: React has detected a change in the order of Hooks called by VariableForm. This will lead to bugs and errors if not fixed. For more information, read the Rules of Hooks: https://reactjs.org/link/rules-of-hooks 解决这个问题的最佳方法是什么？将每个（变量、单选）元组提取到其自己的组件中，该组件使用 useEffect 仅初始设置variable.radio？我为您看到了 2 个选择：找到一种方法在组件根部的全局 useEffect 中进行所有调用。这对我来说是最干净的方式。如果你真的不能，你可以将 input 以及循环内的所有逻辑提取到专用组件中，这样它就可以拥有自己的 useEffect。

javascript reactjs react-hooks

回答 1 投票 0

当读取权限不再被拒绝时，React Firestore Hooks 无法更新

我正在使用react-firebase-hooks，特别是useDocumentData，以便获取文档并保持更新。当钩子初始化时，还不允许读取文档（由于某些

reactjs firebase google-cloud-firestore react-hooks firebase-security

回答 2 投票 0

无法在输入字段中输入超过 1-2 个字符，但可以粘贴超过此长度的文本。使用状态钩子

编辑：我能够通过将对话框分离到其自己的组件中来解决我的问题我尝试将类型更改为文本而不是字符串，并删除样式中的网格，但出现同样的问题。没有

reactjs next.js react-hooks shadcnui radix-ui

回答 1 投票 0

如何在 for 循环内更新 React Native useState 中的对象数组？

我有一个包含对象数组的状态，我想在 for 循环内更新我的对象。这是我的代码：每个对象都包含值、文本和时间。时间应该在 for 循环内更新。常量 [