问题标签 [reason-react]

假设我有一个从 JavaScript 模块导出的高阶组件，类似于以下简单定义./hoc.js：

假设我有一些名为 的组件HelloMessage，那么这段 JavaScript 的等价物是什么：

我正在访问reason-reactDOM 引用以确定客户端高度。

不幸的是clientHeight，它似乎不是refAPI 的一部分。所以这失败了：

The value clientHeight can't be found in React.Ref.

有没有办法从参考中提取组件的高度？

ref 是从 div 获取的。

我正在开发一个 ReasonReact 项目，我需要使用 Js.Date 模块获取当前年份

我创建了一个函数来获取两年之间的范围，所以我需要将当前年份作为第二个参数传递

我的代码中已经开始出现很多的东西是：

基本上我只想要Child在条件为真时渲染，否则不渲染。

div将 the置于 else 条件感觉是错误的，因为这会导致 adiv真的不应该存在。如果条件为假，我如何有条件地渲染组件而不必渲染不必要的元素？

我想"subdirs": true在我的 bsconfig.json 文件的源中使用该选项，但忽略特定文件夹。（而不是做相反的事情并将每个子文件夹添加到我想忽略的源之外）

额外信息（如果你想知道我为什么要这个）：

我尝试使用bs-jest引入单元测试来创建-react-app + reason-react 代码库。

由于我使用的是 create-react-app 并且我想尽可能多地使用它的配置，因此我需要测试出现在src目录中。

我已经使用以下 bsconfig.json 文件完成了所有工作。但是我想放进@glennsl/bs-jest去bs-dev-dependencies。

下面更符合我想要的。

但是使用上面的配置我得到这个错误：

Error: Accounting_test found in two directories: (src/__tests__, src/__tests__) File names must be unique per project

我正在寻找一个关于如何开始一起使用以下技术的快速示例：

• HTML5 画布
• 原因机器学习
• ReasonReact：“ReasonReact 是一种在 Reason 中构建 React 组件的更安全、更简单的方法。”
• bs-webapi : Reason 的 Web API 绑定
• 反应钩子

让我开始一个执行以下操作的片段会很棒：

• 优雅而正确地管理对 HTML5 Canvas 元素的引用
• 是一个简单的反应组件
• 清除画布并绘制一些东西

我已经有了基本的 ReasonML React 项目设置。

我正在尝试实现 FLIP 动画技术。我必须访问getBoundingClientRect()react 的子元素。

我以这种方式访问​​ ref 内容：

然后是 DOM 元素的子元素：

我和孩子们有问题。如果我使用Js.log(children)，我会在开发控制台中看到正确的孩子列表。但List.length(children)总是返回 2。

这段代码：

仅记录第一个孩子和undefined.

我应该如何迭代那些孩子？有没有比 Js.log 更好的方法来调试对象的内容？

什么可能做错了，因为类型检查器说：

我正在尝试了解两者之间的区别：

它们都具有相同的类型签名并且都可以编译但useEffect0什么都不做：

要使用https://reasonml.github.io/reason-react/blog/2019/04/10/react-hooks上的示例，它使用useEffect但如果您更改它使用useState而不是useReducer您必须更改useEffect为useEffect0

原始版本使用useEffect0：

删除useReducer并使用后useEffect：

那么为什么在使用不同的结构时调用会发生变化呢？

任何链接或解释将不胜感激。

谢谢你。

我有以下自定义钩子

并且似乎很难将此移植到reasonml，我必须使用两次类型转换，理想的方法是什么？