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

scala.js - 在scalajs-react中设置ajax成功的状态

我正在尝试在 scalajs-react 中成功提交另一个弹出窗口时打开一个弹出窗口。我的问题是成功状态没有得到修改。这是我的 addNewAgent 方法,在提交第一个弹出窗口时作为回调调用。

组件代码是:

0 投票
2 回答
121 浏览

scalajs-react - Scalajs-react 中的 build、buildU 和 buildSpec 有什么区别?

有人可以解释一下函数之间的区别buildbuildU以及buildSpecscalajs-react 中的 React 组件,以及何时使用一个而不是另一个?

0 投票
1 回答
596 浏览

scala.js - 如何在 scalsjs-react 中获取对组件的引用?

这个文档https://github.com/japgolly/scalajs-react/blob/master/doc/USAGE.md#refs 有点不清楚。

我创建了一个小例子:“squareViewer”通过点击显示“square”

如何在方法 squareViewer.Backend.show 中获取对组件“square”的引用?

0 投票
1 回答
507 浏览

scala.js - ScalaJS React onClick 处理程序使用包装组件的路由器

我正在包装Bootstrap React以在Japgolly ScalaJS React中使用,并提出了以下内容:

这行得通,但我觉得比它可能更复杂。

我的第一个想法是onClick : UndefOr[ReactEvent => Callback]改用它,这似乎更符合 japgolly ScalaJS React 通常的方法,所以我尝试了:

这会编译,但即使调试显示调用了回调,页面也不会切换。为什么在这种情况下页面从不切换?

有关如何正确执行 NavItem 的任何建议,该 NavItem 在单击链接时显示链接,但使用路由器实际路由?惯用的方法是什么?

0 投票
1 回答
506 浏览

scala.js - 如何从 scala-js 调用 3rd 方 javascript?

我需要帮助从 scalajs 应用程序(特别是 scalajs-react 应用程序)中初始化本机 JS var。从根本上说,我正在尝试使用Bootstrap 响应式数据表,我需要通过调用 dom.getElementById 获取我的 HTML 中的数据表元素来初始化数据表,该元素的类型为 DataTable,然后我需要像这样初始化:

我一直盯着@js.native 的东西看,不知道如何连接到那个原生 JS。任何帮助将不胜感激。作为参考,响应式数据表的原生 javascript 的链接在这里。对于具有 scalajs-react 背景的人(你在吗@japgolly?)的另一个问题是,进行此数据表初始化调用的最佳位置是否应该在 ReactComponentB.componentDidMount() 方法中?

0 投票
1 回答
80 浏览

autowired - 使用自动装配的数据模型结构

使用自动装配时构建数据模型的最佳方法是什么?这是基本用例:我在后端有域数据模型,它有案例类用户,其字段 id、用户名、活动、auth_token 代表。此类映射到 sql 数据库表。在前端,我只需要字段 id、用户实体的用户名。我只看到两种方法:

  1. 将 User 类映射到一些 FrontUser 类,其中包含我需要的字段
  2. 将数据库表划分为两个单独的数据库表,这将映射到两个不同的对象 User 和 FrontUser
0 投票
1 回答
137 浏览

scala - 获取案例类而不是 dynRenderR 中的特征

我正在开发一个 scalajs-react 项目,但无法进行以下类型检查。相关文档在此处此处


我的页面是:

我的路线定义为:

问题是 dynRenderR 组件正在返回一个 type 的值Pages,而我确实需要一个 type 的值Product来访问 id 属性,而该Pagestrait 没有该属性。

产品页面:

奇怪的是,这编译运行没有问题;抱怨的是intellij:

如何修改或正确利用 dynRender 组件来传递产品而不是页面,或者不能以这种方式使用它?

0 投票
2 回答
621 浏览

javascript - 以尽可能最封装的方式包装/外观 ScalaJS react js 组件(react-sticky)

我已经看到了几种在 中制作外观或包装 Javascript 组件的方法scala.js,包括为 s 这样做react.js Component。他们似乎在封装或隐藏组件本身提供的功能的程度上有所不同,我想根据他们的需要(也许他们只需要调用一种方法)。

在我的例子中,我需要使用一个名为的组件react-sticky,我首先尝试确定如何继续为它的两个组件类之一制作外观,StickyContainer这里提供的代码。

我的问题如下:

  1. 如何处理中的staticJavascript 方法scala?我什至需要关心这个,或者我可以不知道吗?
  2. 我需要做的最少component门面”数量Props是多少?componentrender()
  3. 与任何其他原生类相比,包装或外观组件有什么根本不同reactjsjs

最后,以下哪种策略最合适?

或者

0 投票
1 回答
203 浏览

scala - 我将如何在 ScalaCSS 中使用选择器 CSS 的嵌套?

如何在其他选择器中为选择器指定属性。例如

如何在 ScalaCSS 中编写 CSS 上面的内容?

0 投票
2 回答
202 浏览

scala - 使用 scalajs-react 在音频元素的间隔上循环

我想构建一个包含audio元素的小组件,它能够在间隔上循环。区间的两端将被定义为组件的属性。由于timeUpdate事件没有必要的精度(我希望至少保证 33Hz),我决定使用带有 的后端TimerSupport,并在currentTime它通过间隔结束时将其设置为起点。

这个小例子我只想打印播放器的当前位置,但由于某种原因(回调在组件安装时关闭后端上下文的副本?)AudioRef(c)指向音频元素的旧版本. 知道如何解决这个问题吗?我也对其他设计感兴趣,因为我对 ScalaJS 和 React 都没有真正的经验。