问题标签 [reason]

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 投票
2 回答
489 浏览

reactjs - 如何将自定义方法添加到 ReasonReact 组件?

我对 ReasonML 很陌生。我能够使用 ReasonReact 成功创建无状态组件,但我还没有弄清楚如何向组件添加自定义方法(例如Next.js' staticgetInitialProps)。

尝试getInitialProps在组件上定义方法时,我收到一个The field getInitialProps does not belong to type ReasonReact.componentSpec错误。

我应该如何在 React 组件上添加这个定义这个自定义方法?

零件

错误

0 投票
1 回答
51 浏览

compiler-errors - 如何定义道具的类型

代码:

输出:

未绑定记录字段匹配

在行

如何定义类型,我做错了什么?

0 投票
1 回答
148 浏览

reason - 是否可以在回调函数中使用reduce?

我有这个简单的组件

我正在尝试像这样使用它

但我得到这个错误就onChange行了

我想我理解这个错误,但我不知道要修复它。我也这样onChange定义

但这次我得到

你知道如何解决它吗?是否可以reduce在另一个回调函数中调用?

0 投票
1 回答
464 浏览

dom - 在 React 组件中聚焦输入字段 - 尝试创建 ref 时出现类型错误

我有一个包含文本<input>元素的 React 组件。安装组件后,我希望在输入字段中设置文本光标,即我希望文本输入元素具有焦点。

在“传统”的 JavaScript React 组件中,我会通过 ref 获取输入字段的 DOM 元素,然后调用它的focus方法。

我已经阅读了解释如何在 Reason-React 中使用 refs 的文档:https ://github.com/reasonml/reason-react/blob/master/docs/react-ref.md

唉,这个页面上包含的代码示例是针对自定义组件的引用,它只提到它也适用于 React DOM 元素。

所以我尝试将示例代码转换为 React DOM 元素,这是我迄今为止尝试过的:

我得到的错误信息是这样的:

我知道问题可能在于我如何在代码开头定义状态类型,DOM 元素与自定义组件不同。

在这里修复错误的正确类型定义是什么?

完整的项目可以在 GitHub 上找到:https ://github.com/pahund/todo-list-reason-react/tree/ref-problem

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 投票
1 回答
3115 浏览

reason - 如何使用 Reasonml/Bucklescript 将字符串解析为整数?

我正在学习 Reasonml,我在标准库中找不到任何功能,无论是 Bucklescript Js 模块。有没有比使用原始 javascript更好的选择?

现在我正在用这个功能实现它:

0 投票
2 回答
1423 浏览

ocaml - 如何询问变量的类型类?

我正在尝试学习 ReasonML,并且正在做一些 koans 来帮助我完成这项任务。我正在尝试编写的其中一个 koans 是关于在将列表转换为数组后询问列表的类型。我知道在一些语言中,例如 Haskell ( ) 中有运算符:t,我们可以在其中询问变量的类型。:tReasonML有什么等价物吗?或者检查是否Array.of_list返回数组应该没有意义,因为编译器确保......

0 投票
2 回答
135 浏览

types - reason-ml 这是一个类型推断问题吗?

我目前正在尝试 Reason 并面临一个我不明白的错误

这是我的代码:

当我用 BuckleScript 编译它时,我收到以下错误:

我不明白为什么编译器需要把 afloat变成一个inthere