我想在react-three-fiber canvas中插入一个jsx组件。有办法做到这一点吗？ 我已经创建了一个官方的例子，它的特点是无限滚动。假设我有一个组件数组。我如何定位它们才能达到同样的效果？代码是： import { Suspense, useRef } from 'react'
import { Canvas, useThree } from '@react-three/fiber'Page posit
浏览 38提问于2021-10-31得票数 2
回答已采纳
1回答
我已经安装了react-three-fiber和三个包。import React, { Children, useRef, useState } from "react"
浏览 2提问于2020-02-19得票数 4
回答已采纳
自从我开发了这个应用程序，React-three-fiber就被开发出来了，我很喜欢它。我不想在react中重新构建应用程序。是否可以在angular应用程序中嵌入react，从而实现react-three-fiber？
浏览 1提问于2021-04-28得票数 0
1回答
在React中添加3D模型
、、、、
我想添加一个3D化身在我的投资组合与反应。我遵循了本教程：import React, { useRef } from "react";import { OrbitControls } from "three/exampl
浏览 10提问于2022-06-03得票数 0
回答已采纳
由于几何已经从three.js中删除，所以我不需要使用bufferGeometry，但是我根本无法获得任何显示。下面的场景组件只显示axesHelper，bufferGeometry不显示任何东西，有人知道我缺少什么来显示我的自定义几何吗？下面的沙箱：
import { Canvas, useFrame } from "react-three-fiber";
import { OrbitControls, PerspectiveCamera
浏览 13提问于2022-06-29得票数 2
gltf.scene} dispose={null}/>}import { Suspense, useRef } from 'react';import { Html } from '@react-three/drei';
import Camera from 'mesh.current as any).rot
浏览 14提问于2021-01-04得票数 5
回答已采纳
我一直在使用react-three-fiber在React中开发一个应用程序，以可视化地显示数据。我试图通过将表示其属性的数据作为道具传递给组件来创建不同的模型。我的问题出现在这里，因为在每个组件中，我能够添加一个简单的形状(例如，立方体)并使其正确显示，当我在每个组件中声明要使用的模型时，它似乎只为最后一个创建的组件拾取；return (<div>
<<em
浏览 1提问于2021-03-14得票数 1
我一直在尝试使用react-three-fiber将GLTF模型加载到我的gatsby站点，但似乎无法加载。我的模型存储为static/models/crerar.glb，我使用gltfjsx生成了一个model组件。我试过只引用‘model/crerar.glb’，但也没有成功。在index.js中，我有：import SEO from "..useLoader } from
浏览 3提问于2020-07-19得票数 2
1回答
我使用react-three-fiber在Next.js中，并呈现包含画布的组件，并使用Next的dynamic导入和禁用的服务器端呈现通过useGLTFoader加载glTF文件。当再次导航回页面时，模型是不可见的，尽管画布是可用的，并且我的组件在指定的操作上截图也是正确的(但也没有显示模型)。(resourcePath, false);
<Canvas shadowMap
camera={{<
浏览 1提问于2020-09-01得票数 1
回答已采纳
2回答
着色文件：import { extend } from "react-three-fiber"
fragmentShader: `...`, })}
组件文件geometry" {...el.geometry} />
<c
浏览 2提问于2020-12-26得票数 2
回答已采纳
我正在做一些react-three-fiber的实验，我从react-three-fiber中提取了样本代码，并添加了一些代码来创建一个圆边的平面。当我向具有圆端边的平面添加事件并尝试触发事件时，浏览器会抛出一个错误：error，我是不是做错了什么却看不到？import ReactDOM from 'react-dom'import { Canvas, useFrame
浏览 29提问于2021-08-21得票数 0
回答已采纳
我正在尝试使用React组件中的THREE.Clock传递时间变量。当我在我的useEffect钩子里面console.log定时器时，我得到时间控制台记录为一个四舍五入的值，因为我需要它作为着色器。React组件代码import { Canvas, useThree, useFrametime.getElapsedTime().toFixed(1)), 1000), []);
浏览 95提问于2021-05-16得票数 0
我目前正在为一个元素编写一个带有ref的StencilJS组件，我需要将它作为@Prop传递给另一个元素。如下所示： <canvas ref={el => this.canvas = el}></canvas>
<color-picker canvas={this.canvas}></color-picker> 创建颜色选择器时，this.canvas仍未定义，从而导致color-picker中出
浏览 24提问于2020-01-14得票数 2
回答已采纳
我希望能够在画布上使用React-three-fiber和正交相机在平面上拖动一个对象(想想棋盘上的一个棋子)。下面是一个使用固定相机位置的示例(不是我的)：https://codepen.io/kaolay/pen/bqKjVz 但我也希望能够移动相机-所以我添加了Orbitcontrols，当对象被拖动时它是禁用的file=/src/Obj.jsx 主代码位于两个文件中，分别是带有画布、相机和轨道控件的App.jsx。使用手势以及使
浏览 47提问于2021-10-01得票数 0
回答已采纳
有一种情况是，一个连接组件(Coordinates.jsx)嵌套在另一个连接组件(Canvas.jsx)中。源代码 (纱线安装，然后纱线开始)componentDidMount() { this.props.addCanvasSize(windowWidth, wind
浏览 1提问于2017-05-24得票数 1
回答已采纳
我有一个react应用程序，我想在运行时选择组件的类型。我正在使用ES6和JSX。import Canvas from '../components/Canvas'
}
当我按名称引用组件时(如注释的for循环)，
浏览 7提问于2016-11-03得票数 2
回答已采纳
获取componentDidMount中的实际HTML元素，并在其上调用它的方法getContext。我的印象是，如果我们将JSX赋给一个像这里这样的变量，我们得到了JSX返回的实际HTML元素。事实似乎并非如此，因为这里的变量canvas是一个React组件，而不是HTML
浏览 26提问于2019-12-02得票数 0
回答已采纳
我使用React和Tailwind构建了一个模式/对话框组件。这是一个。我尝试使用包创建这个包。我的问题
目前，我只设法让它在entering上工作，即dom ，但是在包装整个Confirm.jsx组件时使用。这并不理想，因为这意味着每当我想在我的应用程序中的某个地方使用Confirm.jsx时，我也必须用<CSSTransition>组件包装它。因此，理想情况下，我希望在Confirm.js
浏览 4提问于2021-12-01得票数 0
回答已采纳
2回答
assets/DesignSystemName-webcomponents/DesignSystemName-webcomponents.js"></script> 现在我想在我的react代码中使用这个库中的某些到目前为止，我能够使用它们的唯一方法是简单地将纯html编写为字符串，并将该html注入到react组件中。
浏览 27提问于2020-12-02得票数 2
1回答
我的express的app.js加载在我的主模板文件中，如下所示：其中routes.index是： render() { );
浏览 3提问于2017-09-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
即时通信 IM活动推荐
腾讯云开发者
