问题标签 [reason-react]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
223 浏览

reactjs - 根据数据属性渲染多个组件

在 ReasonReact 上,如果我想在 HTML 元素上呈现特定元素,id我可以使用内置函数renderToElementWithId(ReasonReact.reactElement, Dom.element),例如:

我有多个<input />HTML 标签,我希望它在每个<input />具有特定数据属性的标签中呈现。更具体地说,我希望它input上面的每个data-type="tags"都由<MyComponent />. 在 Javascript 上,我们可以做类似的事情document.querySelectorAll("[data-type=tags]")并迭代渲染组件的结果。

虽然,我在 ReasonReact 或 BSB 的文档中都找不到关于如何做到这一点的任何地方。有人能帮我吗?

提前致谢。

0 投票
2 回答
609 浏览

ffi - 在 Reasonml 中使用 React ref 时如何定义组件/绑定?

我在我的应用程序中集成 react-system-notification 模块时遇到问题,阅读了有关Reason React Ref的文档我不确定为什么引用没有传递到堆栈中;一个提示将不胜感激。

我不断收到以下错误,我过去曾在 React 中使用过这个组件,但在 ReasonML/React 中使用时似乎存在一些问题。我怀疑传递了一个空引用,这会破坏组件。

元素类型无效:应为字符串(用于内置组件)或类/函数(用于复合组件)但得到:未定义。您可能忘记从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入。

检查Notifications.

捆绑:

零件

0 投票
2 回答
604 浏览

css - 为依赖于 props 的 Reason-React 组件创建样式的惯用方法是什么?

为了学习,我正在开发一个简单的“Things 2 Do”应用程序(参见GitHub 上的源代码)。

我有一个TodoItem组件,当项目完成后,它应该以删除线样式呈现。

我尝试通过创建具有各种样式的记录来解决这个问题,类似于 CSS 类、一种根样式和一种用于已完成项目的记录。

如果 prop completed为真,我将根样式与完成样式结合起来,否则我只使用根,如下所示:

这可行,但看起来很笨重,所以我想知道:是否有更优雅的解决方案,例如使用变体和 switch 语句?

为依赖于 props 的 Reason-React 组件创建样式的惯用方法是什么?

这是我的组件的完整代码:

0 投票
2 回答
321 浏览

reason - `self.send` 上 ReasonReact 编译时错误

鉴于以下情况:

我收到以下编译时错误:

我不明白。有人可以解释一下错误是什么以及如何解决吗?

0 投票
1 回答
378 浏览

promise - Promise 后在渲染中输入错误

在我从 fetch 获取数据后,我试图用理性反应渲染一个组件,但我收到一个类型错误。这是我的代码:

获取数据.re:

主要内容:

我收到了这个错误:

我还尝试用 simple 替换 renderJs.log(result)并且它可以工作,我尝试检查Js.logand的类型render(将它们的调用传递给一个接受int并观察错误的函数)并且它们都是unit

我的错误在哪里?有没有类似顶级/ utop 的原因?它实际上对 OCaml 有很大帮助

0 投票
1 回答
152 浏览

types - 理解在 ReasonML 中将类型放入函数的意义:样式约定还是语法糖?

我正在尝试学习 ReasonML,并在Reason React Hacker News ( ) 的来源中遇到了这一行src/CommentList.re

下一次出现的action是作为函数中的参数reducer

我浏览了文档,但没有看到任何提及这种结构或实践的内容(也许我想念它?)。这仅仅是让参数和类型共享相同名称然后依靠类型推断将参数action与类型匹配的样式约定action吗?还是这里有某种语法糖?

为什么不通过显式命名类型来减少混淆actionType呢?或者,在 Reason 社区中,让类型和参数同名的行为是某种新兴的风格约定?

0 投票
1 回答
224 浏览

reason - 将 React 组件传递给另一个组件?

我正在尝试定义一个ProductRowand ProductCategoryRowfrom Thinking in React

productRow.re

productCategoryRow.re

我相信我需要map通过productRows,即List of ProductRow,具有以下功能:productRow => <td>productRow</td>

在这个例子中我该怎么做?

或者,如果我完全不合时宜,请解释我如何实现上述目标。

0 投票
1 回答
546 浏览

webpack - 无法解析 webpack 中的 ReasonReact.js

我正在尝试让 ReasonML 与现有的 React 代码库一起工作。我没有使用create-react-app. 这是一个hand-built项目。在大多数情况下,看起来一切都设置得很好。但是,当我尝试使用默认编译bs.js文件运行 Webpack 时出现错误。

bsconfig.js的几乎是从 ReasonML 文档中直接复制/粘贴的:

Bucklescript 正在bs.js我期望的位置生成适当的文件。一切都很好。然而,Webpack 找不到它要找的东西,我并不感到惊讶。没有/lib/js/src/ReasonReact.js文件。有一个ReasonReact.js文件/lib/bs,一个在node_modules/reason-react/lib/js.

当我编辑已编译的 ReasonML 文件并将 ReasonReact 变量指向该node_modules ReasonReact.js文件时,一切正常。

我查看了一些教程和文章。也许我错过了一些东西,但我找不到任何关于我遇到的错误的信息。bs.js有没有人知道为什么编译文件中的路径会关闭?

0 投票
1 回答
1134 浏览

reason - 原因组件中未绑定的记录字段名称

借用几乎所有 Yawar 的有用答案,我有以下几点:

我收到以下编译时错误:

如何修复此编译时错误?

0 投票
1 回答
1430 浏览

cors - Fetch 拒绝对 404 响应的承诺,而不是用 404 状态解决

我试图弄清楚如何在reason-react-example repo 的 fetch 示例中处理失败的 http 响应。

以下是我的第一个想法(修改网址):

它没有像我希望的那样工作。例如,当 HTTP 请求以 404 失败时,结果会Fetch立即拒绝,这是我没想到的,因为这不是浏览器获取 API 的工作方式。此外,何时err记录它TypeError: Failed to fetch并且该err.response属性未定义。

我的问题是:例如如何处理错误以获取状态代码和状态文本?