问题标签 [reason-react]

我正在学习reasonml，对此非常兴奋。我在打字稿反应代码中经常做的事情是：

在这方面，我作为组件库提供者向我的用户传达此按钮扩展了普通 HTML 按钮属性。

如何在我的组件中表达和扩展普通的 html 组件属性？

我看到这个原因明确不支持传播道具：https ://github.com/reasonml/reason-react/blob/master/docs/props-spread.md 。

我确实看到有一个组合策略：How to compose props across component in reason-react bindings? ，但不知道如何将它与普通的 HTML 元素组件结合起来。

有什么建议吗？谢谢！

背景：我正在阅读官方的 React 教程（https://reactjs.org/tutorial/tutorial.html），但使用的是 ReasonML（ReasonReact v. 0.9.1）。这是一个井字游戏。经典游戏是在 3x3 板上玩的，我可以让它工作，但现在我正试图将它扩展到任意方形板尺寸。我对硬编码 3x3 板的代码如下所示：

这Square是我的另一个组件。我想要实现的是将任意数量的Squares 添加到板的每一行中，并具有任意数量的行。

到目前为止我想出的方法不起作用，因为我不知道如何将数组或React.element子列表传递给<div />. 显示此问题的最小可能代码如下所示：

这里squares是 type array(int)。此函数无法编译并出现以下错误（错误指向div上面的代码）：

我的问题是，让任意数量的子代到一个<div/>或任何其他 JSX 组件的正确方法是什么（不确定我的术语是否直接在这里）。看起来数组不是要走的路。甚至可能吗？如果不可能，ReasonReact（或者，也许只是在 React 中）解决这个问题的惯用方式是什么？

有没有办法在 ReasonReact 项目的某些文件中禁用 react-jsx 转换？

我认为可以通过不添加和添加到要进行 react-jsx 转换的文件的顶部"reason": { "react-jsx": 3 }来实现另一种方式，但这将迫使我在太多文件中添加此注释。bsconfig.json@@bs.config({jsx: 3})

我想在几个文件中构建一个基于 JSX 的小型 DSL，同时在我的项目的其余部分中受益于 React。

我正在研究在旧的（2003 年首次提交）遗留项目中使用 Reason 和 React 的可能性。这种方法必须是循序渐进的和循序渐进的。ReasonReact 是否涵盖了这个用例？还是主要用于从头开始构建应用程序？

我有点惊讶没有make类似命令将特定的 .re-file 构建到 .bs.js 文件中。或者我在文档中错过了它......？

使用 Reason 和 React 构建组件总是会给我一个“react”的模块导入语句，如果 React 包含在 CDN 中，则无法找到该语句。有解决方案吗？我试图window.react = React在 index.html 中定义但没有成功。es6-global设置不会改变任何东西。

我没有使用像 webpack 这样的捆绑程序。

编辑：来自原因论坛的可能相关线程：https ://reasonml.chat/t/can-one-load-reasonml-es6-modules-without-a-bundler/2219

类似问题（未解决）：可以在没有捆绑器的情况下加载 reasonml es6 模块

importmap（尚未在浏览器中实现）可能是另一种解决方案：Using ES6 Modules without a Transpiler/Bundler step

我正在尝试为 XMLHttpRequest 创建一个可以调用的模块Reason.useEffect。下面的代码我在一个实例中尝试过并且似乎可以工作，但我希望能够Reason.useEffect提供调用库“中止”的能力：现在我正在给它，None所以React如果不做任何事情有问题。

我通过以下方式调用上述内容：

我对 FP很陌生，已经 30 多年了。

我使用 i18n gem 添加了法语翻译。大多数带有重音字符的法语单词都能正确打印，但有些单词的行为不正确。

Sécurité被打印而不是Sécurité. 我试图用反引号或双单引号来转义重音字符，但无法获得正确的结果。

在.re文件中： <h3 className="text-lg font-semibold"> {t("security") |> str} </h3>

在.yml文件中： security: "Sécurité"

在理性反应中使用 % 运算符时，我留下一个错误“找不到值 %”。Reason 反应中是否有另一个词表示 % ？