问题标签 [react-rails]

我正在尝试将反应连接到我的应用程序中。它是一个使用 rails-react 的 rails 应用程序（尽管我认为这不是问题的一部分）。我目前正在使用一个非常简单的 1 组件设置：

我的 html 文件包含：

我可以看到 rails-react 正在将我的 react_admin.js.jsx 转换为 react_admin.js，如下所示：

然而 chrome 在 Render.react() 调用中引发了一个“未捕获的 TypeError: undefined is not a function”，它显示在“(”和“CommentBox(null)”之间

有人可以告诉我我做错了什么吗？

当数据准备好时，我试图在渲染函数中调用组件，或者返回 null。我不知道为什么，但是 react-rails gem 在这个字符串中返回 Parse Error。源代码如下：

错误跟踪日志：

如何修复它？

I am trying to create client side validation with ReactJS on my registration form. I am using http://validatejs.org/ library for validations along with https://github.com/jhudson8/react-semantic-ui components for rendering semantic-ui React components. Here is the code.

The problem I am having is that when I call this.setState, the state is not immediately updated, so when I call validate(this.state.data, constraints) I am validating previous state, so user's UI experience gets weird, for example:

If I have 'example@em' in my email field and I enter 'a', it will validate string 'example@em' not 'example@ema', so in essence it always validates the state before the new key stroke. I must be doing something fundamentally wrong here. I know state of the component is not updated right away, only after render is done.

Should I be doing validations in render function ?

--- SOLUTION ---

Adding a callback to setState like Felix Kling suggested solved it. Here is the updated code with solution:

--- BETTER SOLUTION -----

See FakeRainBrigand's solution below.

是否可以调用组件的特定方法？window.Component.method不起作用...
任何帮助表示赞赏，在此先感谢。

我有一个想要挂载到的 ReactJS#test-scores组件user/show.html。该组件位于app/assets/javascripts/react-components/test-score.js.jsx.

如何确保仅在用户访问时才加载user/show？它现在是为每个页面加载的。

应用程序/资产/javascripts/react-components.js：

应用程序/资产/javascripts/react-components/test-score.js.jsx

这会导致一个 JS 错误，它会破坏其他东西：

关于我应该如何构建事物的任何建议？:-)

干杯，马丁

我尝试react-rails与 jbuilder 一起使用。例如，我使用了这个很棒的 react-rails 示例应用程序，并尝试重写以使用 jbuilder 作为 json 响应，并react-rails使用.

这些是主要的重写部分：

但我收到以下错误：

您有解决此错误的想法吗？提前致谢。

查看完整源代码： 使用 jbuilder 但出现错误 · jwako/sample-react-rails-app@508d581

我的 rails 应用程序中有一个 sidekiq 工作。
我的网站上有一些反应组件。

sidekiq 作业成功后，如何使我的 Rails 应用程序页面自动更新？

我使用react-railsgem 并遇到了特定的问题：预渲染不起作用。我已经编写了代码，但向我发送了一个异常：

这是我的代码的来源：

components.js.coffee

terminal.js.jsx.coffee

和观点：

我正在使用默认react-rails设置，不知道出了什么问题（我不明白为什么 react 找不到Terminal组件）。

我想到了这个：

https://github.com/ssorallen/turbo-react

而且我喜欢它的功能，我只是对如何在当前使用React-Rails gem的 Rails 项目中使用此代码感到有些困惑

我很困惑将代码放在哪里，以便我可以使用 React Rails 将其读入我的 Rails gem。如果我将主 JS 文件粘贴到我的 vendor/assets 文件夹中，我会收到以下消息：

我知道我只是从根本上误解了如何将这种 JS 文件包含到我的 Rails 项目中。

我正在学习 Reactjs。我已经用 Rails 实现了一个示例反应应用程序。我搜索了很多以找到解决方案，但我没有找到任何解决方案。我想从onClick函数中调用另一个组件。但什么也没有发生。这可能是我试图实现的吗？如果是，那么请指出我做错的地方，如果不是，那么我可以实施哪种方式。这是我的代码：

更新： 如果我尝试以下技巧，那么它会调用组件但重新加载页面并再次消失称为组件:(

如果您需要任何其他细节，请随时询问。提前致谢。:)