问题标签 [isomorphic]

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 投票
2 回答
385 浏览

javascript - 同构 ReactJS - 如何为服务器端和客户端共享代码?

我使用 express.js 和 react.js 进行小测试。下面是我的反应代码:

意见/Todo.jsx,

但是counter单击按钮时永远不会增加。该increment函数从未被调用过。

为什么?我做错了什么?

编辑:

我的浏览器上的 HTML 输出:

如您所见,html标头中根本没有js。是因为这个吗?我在服务器端使用 react.js 渲染 HTML。

应用程序.js

路由/router.js

我认为问题是客户端和服务器端之间没有共享反应。目前它仅适用于服务器端。我该怎么做才能共享它并且它也可以在客户端工作?

有任何想法吗?

0 投票
4 回答
14606 浏览

node.js - React is not defined in simple React component ( Universal )

I'm using 15.0.1 and using React to create Universal app

I was getting React is not defined in the following component

The following code call that React component

I'm kind of scratching my head now what the following message means ...

[ Note ] : If I remove <HomeSearchView /> from my example code, it works fine ...

Any tips will be appreciated ...

0 投票
0 回答
77 浏览

reactjs - 脆弱的 react-router 0.13.x 同构(通用)设置 - 如何升级?

所以我继承了一个完整的项目,该项目遵循一些非正统的服务器端渲染方法,如下所述:Client Routing (using react-router) and Server-Side Routing

现在我在过去一周一直在尝试升级它,并且可能浪费了 40 多个小时而无处可去,同时我试图将这个烂摊子带到正确的当前状态。它使用 react 0.13.3,我想升级到至少 0.14.7 和 react-router 2,但无论我如何尝试解决这个问题,结构都非常脆弱,以至于我一次又一次地失败。这就是我所拥有的:

客户:

服务器:

serverModules(???)“索引”之一:

路线:

应用路由器:

应用程序处理程序:

这就是 LoginHandler 的样子:

如何升级它,最好升级到最新版本,如果可能,请逐步显示解决方案,因为我在一个多星期未能升级后感到非常愚蠢。我以前见过疯狂而脆弱的设置,但到目前为止,这很成功。我真的很沮丧,请帮助!

0 投票
2 回答
1913 浏览

javascript - 异步获取数据 使用 JavaScript 同步数据

我想获取数据并准备好另一个函数用作 javaScript 对象。问题是程序完成后才获取数据。这是项目的链接:https ://github.com/bigbassroller/isomorphic-js/blob/master/src/components/pages/Home/HomeController.js 。请参阅此处的代码:

是否可以在页面呈现之前获取数据?我尽量让事情保持原样,因为我正在尽可能多地学习。我已经被困了好几天试图解决这个问题,所以我来寻求帮助,并帮助其他有同样问题的人。我的问题与这个问题类似,https://github.com/reactjs/redux/issues/99但我没有尝试使用redux,而是使用promises。

0 投票
1 回答
301 浏览

javascript - 如何通过类比 curl 请求从 JavaScript 发出请求

我需要从 JavaScript 发出请求,但我只知道如何使用curl

我知道这-d是一个 POST 参数,所以我可以:

如何设置-u用户?是标题吗?

更新

我在调试模式下发出请求并获得以下输出:

所以-u选项只是转换为base64?

0 投票
1 回答
206 浏览

reactjs - React Redux data-fetching : differentiate browser / server-side method in isomorphic app?

Most examples I come across seem to always fetch the data from URL.

But on server side, would it not make sense to fetch data directly from the database ?

So in the action creator it would look something like:

What are the Pros and Cons of this method relative to other data-fetching methods ?

0 投票
1 回答
84 浏览

reactjs - 同构中继路由器:无法将数据传递给组件

好人,你好!

我在使用 Relay 时遇到了一些问题。由于某种原因,没有数据传递给我的侧边栏组件。数据在我的<script id="preloadedData">节点中可用,但它没有被传递到它应该去的地方

客户端.js

路线.js

App.js - 一个常规的无状态组件(没有中继包装器)

Sidebar.js

侧边栏道具:

此外,还会显示以下错误:(RelayContainer: Expected prop 'joke' to be supplied to 'Sidebar', but got 'undefined'. Pass an explicit 'null' if this is intentional.与 相同quote

我不知道出了什么问题,我需要你的帮助,拜托!

0 投票
0 回答
106 浏览

react-router - Redux 存储在 onEnter 内的 replace() 上的下一条路由中丢失

因此,类似于https://github.com/erikras/react-redux-universal-hot-example/router.js样板文件中的代码 master branch

因此,当 I 时replace(),如果 if 条件!user.typeA失败,那么它会转到通常调用的路由,访问在上面的代码中获取的用户详细信息,而且,我可以logout在用户想要退出时轻松调用我编写的调度程序。但是当条件通过时,它会替换到/home页面并成功打开(重定向)到主页。但是我不能再在authorization商店中拥有用户详细信息。我也不能打电话给logout调度员。

笔记:

代替

也不起作用。

如何做到这一点?

0 投票
0 回答
280 浏览

rest - 如何使用 React 同构应用程序使用 rest api

我有一个使用 Rest API 的同构 React 应用程序(有时称为 Universal React 应用程序)。但是,所有 API 调用都发生在客户端。我试图弄清楚如何在应用程序呈现之前从服务器端进行休息 API 调用。

0 投票
0 回答
539 浏览

java - 未找到通过 nashorn 加载脚本

我将 Spring Boot 应用程序的视图配置设置为:

我的Maven结构为:

但是,当我使用命令运行时,我遇到mvn spring-boot:run了一个问题,无法加载具有根本原因的脚本:

java.lang.IllegalStateException: Resource [nashorn/ejs.min.js] not found

我的目的是我想用 Java 和 ReactJs 构建一个同构应用程序,但我一周前遇到了这些问题,直到现在我无法解决这些问题。