问题标签 [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.
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 的文档中都找不到关于如何做到这一点的任何地方。有人能帮我吗?
提前致谢。
ffi - 在 Reasonml 中使用 React ref 时如何定义组件/绑定?
我在我的应用程序中集成 react-system-notification 模块时遇到问题,阅读了有关Reason React Ref的文档我不确定为什么引用没有传递到堆栈中;一个提示将不胜感激。
我不断收到以下错误,我过去曾在 React 中使用过这个组件,但在 ReasonML/React 中使用时似乎存在一些问题。我怀疑传递了一个空引用,这会破坏组件。
元素类型无效:应为字符串(用于内置组件)或类/函数(用于复合组件)但得到:未定义。您可能忘记从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入。
检查
Notifications
.
捆绑:
零件
css - 为依赖于 props 的 Reason-React 组件创建样式的惯用方法是什么?
为了学习reason和reason-react,我正在开发一个简单的“Things 2 Do”应用程序(参见GitHub 上的源代码)。
我有一个TodoItem组件,当项目完成后,它应该以删除线样式呈现。
我尝试通过创建具有各种样式的记录来解决这个问题,类似于 CSS 类、一种根样式和一种用于已完成项目的记录。
如果 prop completed为真,我将根样式与完成样式结合起来,否则我只使用根,如下所示:
这可行,但看起来很笨重,所以我想知道:是否有更优雅的解决方案,例如使用变体和 switch 语句?
为依赖于 props 的 Reason-React 组件创建样式的惯用方法是什么?
这是我的组件的完整代码:
reason - `self.send` 上 ReasonReact 编译时错误
鉴于以下情况:
我收到以下编译时错误:
我不明白。有人可以解释一下错误是什么以及如何解决吗?
promise - Promise 后在渲染中输入错误
在我从 fetch 获取数据后,我试图用理性反应渲染一个组件,但我收到一个类型错误。这是我的代码:
获取数据.re:
主要内容:
我收到了这个错误:
我还尝试用 simple 替换 renderJs.log(result)
并且它可以工作,我尝试检查Js.log
and的类型render
(将它们的调用传递给一个接受int
并观察错误的函数)并且它们都是unit
我的错误在哪里?有没有类似顶级/ utop 的原因?它实际上对 OCaml 有很大帮助
types - 理解在 ReasonML 中将类型放入函数的意义:样式约定还是语法糖?
我正在尝试学习 ReasonML,并在Reason React Hacker News ( ) 的来源中遇到了这一行src/CommentList.re
:
下一次出现的action
是作为函数中的参数reducer
:
我浏览了文档,但没有看到任何提及这种结构或实践的内容(也许我想念它?)。这仅仅是让参数和类型共享相同名称然后依靠类型推断将参数action
与类型匹配的样式约定action
吗?还是这里有某种语法糖?
为什么不通过显式命名类型来减少混淆actionType
呢?或者,在 Reason 社区中,让类型和参数同名的行为是某种新兴的风格约定?
reason - 将 React 组件传递给另一个组件?
我正在尝试定义一个ProductRow
and ProductCategoryRow
from Thinking in React。
productRow.re
productCategoryRow.re
我相信我需要map
通过productRows
,即List of ProductRow
,具有以下功能:productRow => <td>productRow</td>
。
在这个例子中我该怎么做?
或者,如果我完全不合时宜,请解释我如何实现上述目标。
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
有没有人知道为什么编译文件中的路径会关闭?
cors - Fetch 拒绝对 404 响应的承诺,而不是用 404 状态解决
我试图弄清楚如何在reason-react-example repo 的 fetch 示例中处理失败的 http 响应。
以下是我的第一个想法(修改网址):
它没有像我希望的那样工作。例如,当 HTTP 请求以 404 失败时,结果会Fetch
立即拒绝,这是我没想到的,因为这不是浏览器获取 API 的工作方式。此外,何时err
记录它TypeError: Failed to fetch
并且该err.response
属性未定义。
我的问题是:例如如何处理错误以获取状态代码和状态文本?