问题标签 [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 回答
287 浏览

syntax - 这个语法是什么意思(...)

我正在着手进行理性反应。在以下代码中:

我不明白第 3 行 (...) 的含义。当我删除它时,我收到一条错误消息:

0 投票
1 回答
171 浏览

css - webpack css loader with reason-react

I am struggling to get webpack working with my reason app.

I have installed webpack using the following command :

I have installed style-loader and css-loader using the following command :

Here is a sample of my package.json file :

Here is a sample of my webpack.config.js file :

I have added the following command to my Index.re file in order to load my css file :

Here is the generated js file :

I don't have any error when I launch webpack, but my css file is not generated in the "build" folder... Here are my project folders :

Project folders

0 投票
1 回答
686 浏览

reactjs - 在 ReasonReact 中继承 Nextjs App 组件(pages/_app.js)

我正在尝试使用 ReasonReact 在我的 Nextjs 应用程序中实现 React Context API,但被 bucklescript 编译器推断模块名称的方式所吸引。

为了使整个树都可以使用上下文,我需要从 Nextjs App 组件继承。问题是 Next 按照惯例查找pages/_app.jsApp 组件继承,但是当我使用_app.re文件名时,bsb不会生成名为“App”的 Reason 模块。

实际上,bsb打印以下消息并忽略该文件:

IGNORED: file _app.re under pages is ignored because it can't be turned into a valid module name. The build system transforms a file name into a module name by upper-casing the first letter

有没有办法告诉 Nextjs 在别处寻找 App 组件?bsb或者也许是一种只针对这个文件进行调整的方法?

最后一个似乎是一个很长的镜头,但我不想涉足javascript,除非我真的必须这样做。

0 投票
1 回答
66 浏览

reason - How to send actions between components?

The documentation explains how to send an action to self however I can't find how to send an action to another component. Right now I'm putting all of my app in a single big reducerComponent but I'd really like to be able to have a menu component with some buttons and an other component for the main game area and have the buttons change the state of the main game area.

0 投票
1 回答
182 浏览

reason-react - 原因反应模板中的CSS放在哪里?

我已经创建了一个项目,并使用andbsb -init my-react-app -theme react构建它。我可以将我的 CSS 文件放在哪里以便它们包含在构建中?npm startnpm run webpack

我试过src/但不像index.html它没有复制到build/.

0 投票
1 回答
185 浏览

reason - 无法理解复杂类型并对其进行解构-reasonml

我使用 reason-apollo 从服务器获取数据。它返回我的数据类型(vscode 向我显示这种类型):

我不太了解“行”的类型,也无法从中获取数据。我试过这个:

但错误如下:

如何从结果中获取“名字”?

0 投票
1 回答
152 浏览

record - 管理包含大量字段的表单

我正在 ReasonReact 中写一个表单。我用reducerComponent和一个记录作为状态。假设我有这样的事情:

在这个例子中只有 2 个字段,但是如果有例如 30 个字段如何处理呢?这是否意味着我必须创建 30 个不同的动作并在 reducer 中处理 30 次?这是很多无关紧要的代码。有什么方法可以更动态地修改记录,或者我应该使用另一种结构来表示状态(对象,Js.t)?

为了澄清我在两种情况下使用这种形式:

  1. 将状态转换为 Js.Json.t(使用 bs-json)并发送到服务器(使用 bs-fetch)
  2. 使用 reason-apollo (graphql) 作为突变将其发送到服务器。
0 投票
2 回答
460 浏览

javascript - 原因 React 使用 js 组件

我在使用 js 互操作时遇到问题。我正在尝试像这样使用 js 组件react-slick

但是在 webpack 中遇到了这个错误:

所以看起来BSCarousel.js在编译时不考虑文件?

顺便说一句,我正在关注这个原因反应文档

0 投票
2 回答
317 浏览

reason - 如何将变体作为道具传递给 ReasonML 中的 React 组件?

我尝试了以下方法来将变体作为道具发送。

但它会抛出错误,

忍者:错误:重建'build.ninja':子命令失败

我也尝试过将变体直接发送到组件。

但它最终返回了另一个错误

开始编译ninja:错误:依赖循环:src/App-ReactHooksTemplate.cmj -> src/Content-ReactHooksTemplate.cmj -> src/App-ReactHooksTemplate.cmj 完成编译(退出:1)

我哪里错了?

0 投票
1 回答
51 浏览

reason - 在 Reason-React 中使用 React 片段的语法是什么

这个旧的聊天建议编写自己的片段包装器,但我知道现在应该原生支持片段。但是我无法快速找到它的正确语法。

我正在寻找的示例: