React与全息技术结合:实现立体AR体验的Holokit绑定

需积分: 9 0 下载量 24 浏览量 更新于2024-12-25 收藏 6KB ZIP 举报
资源摘要信息:"react-reality-holokit:Holokit绑定用于React现实" 知识点概述: 1. react-reality-holokit是React的一个扩展库,主要用于支持立体头戴式AR(增强现实)体验。 2. 它依赖于react-reality库以及react-native-swift和react-native-device-info两个对等依赖项。 3. 该扩展库的安装过程涉及使用Yarn包管理器来添加必要的依赖包,并且需要执行react-native link命令来链接原生模块。 4. 使用react-reality-holokit库,开发者可以创建AR应用,其中ARDualView组件被设计为占满整个窗口的高度和宽度。 5. 该扩展库中的ARDualView组件用于构建AR体验,开发者可以将自定义的AR节点添加到该组件中。 6. 文档提到ARDualView组件的瞳间距计算依赖于假设的窗口尺寸,意味着开发者需要确保应用的设计考虑到了不同的显示环境。 7. 该库支持的标签是JavaScript,表明它是基于JavaScript语言开发的。 8. 从提供的文件名称列表react-reality-holokit-master可以看出,这是一个源代码仓库的名称,可能表示源代码托管在某个代码托管平台如GitHub上。 知识点详细说明: - React现实全息图: 这是一个专门针对React开发者的AR解决方案,它允许开发者利用JavaScript来创建和操作AR内容。这样的工具使得在React环境中创建交互式的AR体验成为可能。 - 扩展通过利用来支持立体头戴式AR: 这表明react-reality-holokit扩展了React的功能,以便支持更复杂的AR体验,如立体头戴设备,这类设备通常需要对现实世界有更精确的感知能力。 - 安装过程涉及的依赖: - rhdeck/react-reality-holokit: 这是本扩展库的核心包。 - rhdeck/react-reality: 这可能是一个更广泛的AR库,而react-reality-holokit是其一个子项目或插件。 - react-native-swift: 这个依赖项表明扩展可能与React Native框架兼容,并且可能使用Swift语言编写了某些与iOS设备交互的原生模块。 - react-native-device-info: 这个依赖项用于获取设备信息,可能用于适配不同设备的AR体验。 - react-native link命令: 这是React Native开发中常用的命令,用于将原生代码(通常是用Java、Objective-C或Swift编写的模块)链接到React Native项目中,使得它们可以被JavaScript代码调用。 - ARSessionProvider和ARDualView组件: 这些组件是react-reality-holokit中的一部分,其中ARDualView用于创建一个全屏的AR视图,开发者可以在其中放置AR节点。ARSessionProvider可能是用于提供AR会话管理的上下文。 - 使用场景和限制: 文档提到ARDualView设计为适应窗口的完整高度和宽度,这意味着开发者在设计AR场景时必须考虑到当前显示环境的尺寸限制,确保用户能在不同设备上获得良好的AR体验。 - JavaScript标签: 这表明react-reality-holokit库是用JavaScript语言编写的,这使得大多数熟悉React和JavaScript的开发者可以轻松上手。 - 压缩包子文件列表: 这个列表中的"react-reality-holokit-master"可能表示该库的源代码位于一个Git仓库的主分支上,这为希望贡献代码或查看源代码的开发者提供了便利。

{ type: "searchSelect", placeholder: "签约机构", valueName: 'signOrganId', optionName: "label", searchItemName: "label", optionId: "key", searchApi:commonService.orgPageList({}).then(res=>{ const {retData}=res retData.map(item=>{ return {key: item.id, label: item.organName, value: item.id,} }) }) }, 分析一下此段代码的报错 汉语解释 ,并修改searchApi中的代码,index.jsx:55 Uncaught TypeError: item.searchApi is not a function at searchQuery (index.jsx:55:1) at onFocus (index.jsx:129:1) at onContainerFocus (BaseSelect.js:326:1) at HTMLUnknownElement.callCallback (react-dom.development.js:188:1) at Object.invokeGuardedCallbackDev (react-dom.development.js:237:1) at invokeGuardedCallback (react-dom.development.js:292:1) at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js:306:1) at executeDispatch (react-dom.development.js:389:1) at executeDispatchesInOrder (react-dom.development.js:414:1) at executeDispatchesAndRelease (react-dom.development.js:3278:1) at executeDispatchesAndReleaseTopLevel (react-dom.development.js:3287:1) at forEachAccumulated (react-dom.development.js:3259:1) at runEventsInBatch (react-dom.development.js:3304:1) at runExtractedPluginEventsInBatch (react-dom.development.js:3514:1) at handleTopLevel (react-dom.development.js:3558:1) at batchedEventUpdates$1 (react-dom.development.js:21871:1) at batchedEventUpdates (react-dom.development.js:795:1) at dispatchEventForLegacyPluginEventSystem (react-dom.development.js:3568:1) at attemptToDispatchEvent (react-dom.development.js:4267:1) at dispatchEvent (react-dom.development.js:4189:1) at unstable_runWithPriority (scheduler.development.js:653:1) at runWithPriority$1 (react-dom.development.js:11039:1) at discreteUpdates$1 (react-dom.development.js:21887:1) at discreteUpdates (react-dom.development.js:806:1) at dispatchDiscreteEvent (react-dom.development.js:4168:1)

2023-07-14 上传