问题标签 [scalajs-react]

我正在探索 scalajs-react。我有一个用例，当用户单击按钮时，我从后端获取数据。数据是对象的列表。我需要以某种形式显示每个对象。所以基本上这将是我假设的一系列 div。

那么如何迭代自定义对象的 Seq 并在 scalajs-react 中使用它们的内容填充 UI？

所以我尝试将下面的代码放在现有的 div 中：

但这会产生错误：Required Tagmod, found Seq[Tag[html.form]]

How do we get hold of index while looping a collection in scalajs-react component? So basically I have code like this:

So if user changes a field, I need to know which employee in the employees is changed. So I need to know the corresponding index OR if there is some other better way.

我通过迭代序列在 UI 上呈现了一系列项目。在 UI 上，每个项目都填充到这样的表单中：

所以现在我可以访问单个项目及其索引。现在我的想法是用户可以修改字段，这将触发一些功能（例如，onChange ==> updateEmployeeName），然后我在单个项目级别更新反应组件的状态。

但似乎不可能，因为我无法将索引传递给 updateEmployeeName，因此我无法在 updateEmployeeName 中检测到列表中的哪个项目被修改。

有什么办法解决吗？

我的代码如下：

请求被发送到服务器（akka-http rest 端点），它确实成功删除了记录，但 onComplete 中的代码永远不会执行。

我在这里想念什么？

如何在 scalajs-react 中登录开发控制台？

我同时使用了 println 和 Callback.log，但在 chrome 控制台上看不到任何日志。

我在 scalajs-react 中有以下用于 GET 和 DELETE 用例的 Ajax 代码。

删除：

...得到：

虽然 GET 在请求完成时调用 onComplete 中的代码按预期工作，但对于 DELETE，情况并非如此。对于 DELETE onComplete 代码永远不会在请求完成时调用，即使在服务器端删除操作成功。

为什么会有这种行为差异？

我有一个单选按钮定义为：

所以基本上我的目标是在单击单选按钮时调用回调（props.select），并停止进一步传播（因此 event.stopPropagation）。此外，在更改事件时，我希望不发生默认操作（因此 event.preventDefault）。

但是我观察到单击单选按钮时会调用 2 次回调（props.select）。

我在这里想念什么？

我有一个子组件位于父组件内。父组件有一些信息，比如我，这些信息会根据用户操作不断变化。在子组件中，我有一个按钮，我想根据 I 的当前值更改此按钮的状态。

在 scalajs-react/React 中的惯用方式是什么？

我正在对 onMousedown 事件执行一些操作。但是随后它们也被执行以进行拖动，因为拖动从鼠标向下开始。

如何确保鼠标拖动不会发生鼠标按下操作？

注意：我使用的是 scalajs-react，尽管这无关紧要。