问题标签 [react-fiber]

当我阅读 React Fiber Souce Code 时，我在beginWork. 以下是源代码片段：

这是源文件的url

接下来是我的问题

1. workInProgress.type 和 workInProgress.elementType 有什么区别？
2. 在什么情况下它们是相等的？
3. 他们平等是什么意思？

StackOverflow 社区进展如何，所以我想知道我可以在 React-Native 中使用 React-fiber

老实说，除了“这里发生了什么？”之外，我正在努力想出一种表达这个问题的方法。采用以下旨在将增量项目添加到列表的 React 代码：

如果您使用https://codesandbox.io/s/amazing-sea-6ww68?file=/src/App.js运行该代码并单击“Push”按钮四次，我希望看到“X1”然后“ X1,X2”然后是“X1,X2,X3”，然后是“X1,X2,X3,X4”。够简单吧？相反，它会渲染“X1”然后是“X1,X3”然后是“X1,X3,X5”然后是“X1,X3,X5,X7”。

现在我想，“嗯，也许增量函数counter被调用了两次？”，所以我添加了控制台日志，你看到了，这只让我更加困惑。在控制台中，我看到：

请注意，控制台中的连接列表与 React 呈现的连接列表不匹配，没有记录如何counter从 2 -> 3 和 4 -> 5 碰撞，并且列表的第三项神秘地发生了变化，尽管事实上，我只附加到列表中。

值得注意的是，如果我将委托++counter移出，它会按预期工作：setList

这到底是怎么回事？useState我怀疑counter这与 React 纤程和console它可以选择性地抑制日志，这看起来很疯狂......

我正在浏览 React Fiber 的几篇文章并得到 q 查询，除了更新库之外，我们是否需要更新我们的代码才能获得 React Fiber 的好处？

我是否必须在代码中的某处指定优先级或自动做出反应来决定它？

例如，在文本框中输入的用户具有高优先级，同时发生了一些渲染，那么我必须处理它还是自动检测它？

我正在尝试使用来自@react-three/drei 的一些组件，它给了我大量的导入错误。无论我尝试从@react-three/drei 使用什么，我都会收到这些错误。例子：

另一个例子：

这些是项目的依赖项：

感谢您的帮助，并在此先感谢！

我想在 Hook 中获取 Fiber 节点，但不知道怎么做？

问题：

我正在使用 useContext 挂钩通过 DOM 传递数据，但现在唯一传递的数据是来自ImageContext.

我的发现：

• 中的状态images保持ImageContextProvider正确的值（第一个初始声明并更改获取的数据）。
• 更改状态的初始值（不是上下文），可在 中找到ImageContextProvider，并没有改变useContext钩子的输出 -> 仍然只是发送了初始上下文值
• 将所有内容放入一个文件（以避免某种错误的引用）也不能解决问题
• 在堆栈溢出上没有发现任何类似的问题

image_context.js

可视化器.js

image_group.js

我正在使用React Fiber和React Drei，但我不想像在他们的git中找到的示例那样使用Typescript

我已经使用 typescriptlang 工具转换了以下示例Stars.tsx

这是输出

然后我将这个 Stars 组件粘贴到我的代码框中

该组件现在在index.js的第 28 行注释，因为我收到以下错误

我不明白这个错误的问题到底出在哪里。

我从 typescript 转换为 javascript的stars.js组件有什么问题？我该如何解决？