问题标签 [react-engine]

我见过 prerender.io 是一个基于 phantom.js 的解决方案，而 paypal 的 react-engine 似乎更轻量级的解决方案。我需要决定使用哪一个。
prerender.io 与 react-engine 相比有什么优势？SPA 和没有 SPA。

我react-engine用来为服务器提供对反应组件的访问权限。react-engine您可以通过express路由 url 并使用 res.render 来提供反应。为此，您需要提供文档指定的路径req.url。

现在，当 url/index将被传入时react-router，react 路由将被编译为在该端点返回的字符串。

我遇到的问题是网址有句号。

/index.html每当 get 查询 ( ) 或路由路径本身 ( )中有句点时，/index?example=foo.bar我都会收到一条错误消息，说明以下内容。

或者

分别。

我必须将句点转义到网址吗？

我怎样才能摆脱这条Cannot find module 'extension'消息？

我还在 github 上提出了一个具体问题。react-engine

我正在使用 Webpack、React-Engine创建一个同构应用程序，使用React-Engine 示例进行表达。我终于解决了，所以代码可以正确呈现，但我遇到了一个新问题，标准事件没有触发。我点击按钮，“点击”应该被写入控制台，但它不起作用。代码在 bundle.js 中，我在函数上添加了一个断点，但什么也没发生。这不是我的第一个 React 应用程序，但这是我第一次使用 React-Engine，所以我敢打赌这与我使用 React-Engine 和 React-Router 的方式有关。我认为 public/index.js 中的函数是为了加载新的视图文件，但在我的项目中从未调用过。你能明白为什么我的事件不会触发吗？

服务器.js

公共/index.js

公共/routes.js

public/views/appHandler.jsx

公共/视图/app.jsx

我想使用 paypal 的 React 引擎（https://github.com/paypal/react-engine），但我有一些疑问：

与 Handlebars 等其他模板引擎相比有什么好处？

为什么要上传 .jsx 文件，而不是（jsx 预编译/转换的）.js 文件？（这个应该更快，因为不必处理服务器上的转换）。

我一直在研究，但我很困惑。

谢谢

我正在尝试使用redux,react-engine和react-router.

我遇到的问题或疑问是react-engine提供props来自服务器的对象。如何从我的内部访问这些道具ProvidedApp？

提供的App.js

路由.js

我也认为我的配置有点不稳定，我无法以Provider任何其他方式工作。如果有办法Provider包装Router我很乐意让它工作。

这是我在Provider上面移动时的一些代码Router

ConnectedApp.js

路由.js

我收到此错误：

Could not find "store" in either the context or props of "Connect(App)". Either wrap the root component in a <Provider>, or explicitly pass "store" as a prop to "Connect(App)".

更新

我发现我可以从我的第一个示例中的代码访问ProvidedApp. 但我不知道我应该如何将它传递给 Redux。

我对 React/React-Engine 相当陌生。我在服务器端有一个配置，我需要将某些值传递给客户端，但是我依赖 NODE_ENV 才能获得正确的配置。

在服务器端工作得很好，但是因为我需要在客户端引用这些对象中包含的一些值，所以我不能 require(./config); 在我的 React JSX 中。

有什么简单的方法可以将这些东西传递给 React？归根结底，如果我能以某种方式将“配置”直接传递给 React，我会很高兴，甚至不必担心客户端的 NODE_ENV。

谢谢

我正在使用 React-engine 和 React-router 编写 Isormophic Web 应用程序。在升级之前，我的应用程序在以下配置下运行良好。

“反应”：“^0.14.8”，“反应域”：“^0.14.6”，“反应引擎”：“^3.4.1”，“反应路由器”：“^1.0.3”

最近，我升级了我的系统以使用具有以下配置的官方 React，我发现我的应用程序在每次单击 ReactRouter.Link 后在浏览器上运行时变得越来越慢。我已经打开 Google Chrome 调试器进行调查，然后我看到每次点击后使用内存不断增加。

“react”：“^15.2.1”，“react-dom”：“^15.2.1”，“react-engine”：“^4.0.0”，“react-router”：“^2.5.2”

有没有人遇到过类似的问题？请帮我。谢谢你。

我正在尝试构建一个 Web 应用程序，我试图在单击按钮时调用一个函数。我正在使用 react-engine 作为使用 JSX 页面的模板引擎。下面是我的 layout.jsx 页面

我尝试使用 this.props 调用该函数，以及在将 this 绑定到它之后直接调用。但是，这两种方法都不起作用。

你能帮我解决这个问题吗？我完全被困在这里。

您好我一直在尝试使用 onClick 按钮事件处理程序调用函数以在我的 .jsx 文件中提交表单。然而，这似乎并没有发生。以下是我用来实现相同目的的代码。

Layout.jsx（这个有函数的所有逻辑）

应用程序.jsx

反应.jsx

你能帮我解决这个问题吗？如果需要任何其他信息，请告诉我。

我正在使用GitHub 上的反应引擎 react-engine来创建一个节点，表达应用程序并为视图做出反应。

在大多数情况下，我的应用程序是在服务器上呈现的。但是，在一页/快速路由上，我需要在服务器端呈现视图，然后让 React 在客户端完全交互。

到目前为止，我已经在服务器端进行了视图渲染，然后由 React 在客户端重新加载/重新安装。

我的问题是我现在收到以下错误：

(client) <section data-reactroot="" data-reactid (server) <section cl

这是我的代码的样子：

module.exports = FormCreate；

上面的内容最初在服务器上呈现，然后在客户端上重新挂载：

任何人都可以在这里看到问题吗？