程序员经验分享-hwhale

是否可以在 React Native 中使用 React hooks？

2024-01-02

在 React 文档中，它说变量和监听器钩子必须在组件内声明，但当我尝试这样做时，React Native 会抱怨。

有没有办法在React Native中使用Hooks？ 或者有谁知道它们将来是否会实施？


不过有点像useEffect不管用。当前的计划是转向 React 16.6 by 0.57.5，并允许人们选择使用具有选项 0.57.5-alpha 构建的 hooks。如果你现在想使用钩子：

  1. 将您的反应依赖更改为16.7.0-alpha in 包.json
  2. Clone react https://github.com/facebook/react
  3. cd react
  4. yarn install
  5. yarn build -- --type=RN_OSS
  6. copy build/react-native到你的项目的node_modules/react-native/Libraries/Renderer目录。

您还可以使用这个非官方的react-native build https://github.com/csfrequency/react-native#0.57.4-hooks.1已经包含挂钩。只要记住这一点useEffect根本不适用于react-native，所以你最好还是等待。您可以阅读有关此讨论的更多信息这个 github 问题 https://github.com/facebook/react-native/issues/21967.

编辑：钩子来了！它们已在 React 中上线，并已被确认为 React Native 0.59 中的一项功能，您甚至可以使用当前候选版本 https://github.com/facebook/react-native/releases/tag/v0.59.0-rc.3

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

ReactNative

reactHooks

是否可以在 React Native 中使用 React hooks？ 的相关文章

  • 如何为 HOC 创建共享状态？

    我创造了LoadBookHOC包裹着BookDetails and BookSummary成分 LoadBookHOC js const LoadBookHOC InnerComponent gt class LoadBook extend

  • React hooks 状态变量在重新渲染后未更新

    在下面的示例中 我有一个想要更新的元素 水果 数组 并使用更新后的数组执行其他操作 在本例中保存更新后的列表 我的理解是重新渲染状态将更新 但它不在这里 或者状态更新和我的操作之间存在延迟 In the addFruit功能我可以看到 Pe

  • 无法解析“...”的依赖关系：无法解析项目：react-native-navigation

    问题描述 仔细按照中的说明进行操作后https wix github io react native navigation docs Installing https wix github io react native navigatio

  • 从父组件触发子组件内部的函数

    如何从父组件触发子组件内部的函数 以与抽屉导航相同的风格进行操作 他们这样做 this props navigation toggleDrawer 来自父母 我怎样才能做同样的事情 如果我正确理解你的问题 我认为你有点混淆了 您显示的示例是

  • React Native Flatlist 不会在自定义动画底部表内滚动

    我创建了一张自定义动画底部表 用户可以上下移动底部滚动条 在我的底部工作表中 我使用了 flatList 来获取数据并将项目呈现为卡片 到目前为止 一切都按预期工作 但我遇到了平面列表滚动问题 在底部工作表内 平面列表不会滚动 我已经硬编码

  • Android 上的 React Native：无法运行程序“node”：错误=2，没有这样的文件或目录

    编辑 我不确定我采取了哪些步骤来解决此问题 并且不再看到此错误消息 因此我无法测试下面的解决方案 请单独尝试 因为不同的答案似乎适用于不同的人 iOS 版本工作正常 但在我的 Mac 上运行 Android Studio 时出现以下 Gra

  • 如何在 React Native 中做最后一个子选择器？

    我使用Scrollview 里面有3个视图 我在它们之间留了一个间隙 例如 marginRight 5 但我不希望在最后一个视图中出现这种间隙 这就是为什么我需要这种东西 你能帮助我吗 应用这个你就可以实现你在寻找什么 const styl

  • React hooks 需要返回值吗？

    我最近开始在我的 React 应用程序中构建自定义挂钩 并一直在关注 React 网站上的文档 然而 我正在构建的钩子不需要返回值 因为它们在初始化时为 Redux 设置数据 Example custom hook export const

  • 单击通知时反应本机导航到特定屏幕

    我正在尝试在用户单击他们收到的通知时实现导航 我已成功收到通知expo notifications并接受来自 API 的数据 路由 但当用户单击通知时无法导航到另一个屏幕 使用通知 export default useNotificatio

  • 有没有办法限制 React-Native 中 TextInput 的长度？

    我一直在尝试使我的程序不允许您在 TextInput 组件中输入超过一定数量的字符 类似于 maxLength 对于输入的工作方式 我还没有找到任何类似的 textInput 的 maxLength 有没有一种简单的方法来设置 组件的最大字

  • 将本机图像上传反应为表单数据

    Postman formdata 工作正常 但是返回 http 500 错误 这个块出了什么问题 响应 type default status 500 ok false statusText 未定义 标头 标头 标头 标头 map 确定 f

  • React Native + Redux 基本身份验证

    我正在寻找一种为我的反应本机应用程序创建基本身份验证的方法 我找不到任何反应本机应用程序的好例子 要登录 应用程序将电子邮件 密码 clientSecret 发送到我的服务器 如果OK 服务器返回accessToken refreshTok

  • 如何将自定义表情符号（小图片）插入到React Native的Textinput中？

    我正在构建一个 BBS 应用程序 用户可以在发布或回复文章时将自定义表情符号 使用我创建的自定义键盘 插入到 Textinput 中 例如 我有一张笑脸图片 它将映射到类似 custom smile code 的代码 当用户在Textinp

  • 我在 Facebook 上的“access_token”是“不正确的值”

    我正在使用 django rest auth 它是 Django all auth 的 API 扩展 我正在构建一个可以使用 Facebook 令牌注册 登录的移动应用程序 网址 http localhost 8000 rest auth

  • ListView无法滚动

    正如你在所附的 GIF 中看到的 我无法滚动浏览ListView 一旦我释放鼠标 视图就会恢复到原始位置 我已经阅读了文档 似乎滚动应该只是工作 这是执行render render function return

  • onPress 方法中箭头函数与普通函数的行为

    正在学习 Native React 并学习更多关于 javascript 的知识 所以我仍然不明白它的行为的很多事情 我使用 TouchableOpacity 及其 onPress 属性创建了一个按钮组件 为了让它工作 我必须发送我想要执行

  • 某些设备上的启动画面扭曲

    我在修复 Android 上的启动画面扭曲问题时遇到问题 我正在使用 React Native 请注意 这种情况仅发生在某些设备上 例如 我有一台 Android 版本为 4 2 2 的三星 启动画面不扭曲 而 Android 版本为 8

  • 在两个可拖动的 Flatlist 之间拖放 - React Native

    我正在努力为我的 React Native 应用程序创建一个要求 其中我有一个空白的保管箱 在放置平面列表项目时 它应该转换为可拖动的平面列表 和一个可拖动的平面列表 我必须从其中拖放到空白保管箱 反之亦然 两个平面列表中的项目应该有一个单

  • react-native-screens：compileDebugKotlin 错误

    失败 构建失败并出现异常 什么地方出了错 任务 react native screens compileDebugKotlin 执行失败 评估任务 react native screens compileDebugKotlin 的属性 fi

  • 无法识别的字体系列离子图标

    我按照中的设置说明进行操作NativeBase 文档 http nativebase io documentation然后跑了rnpm link 我收到此错误 无法识别的字体系列离子图标 https i stack imgur com Dj

随机推荐

热门标签