问题标签 [universal-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 投票
0 回答
240 浏览

php - 如何停止反应路由器执行自身以进行通用反应?

我正在尝试在 PHP 中呈现 Redux + Webpack。我当前的工作流程如下所示。

  1. 使用 babel 将 ES6 编译成 js
  2. 使用 PHP V8 类来包含步骤 #1 中的脚本
  3. 渲染内容
  4. 将#1 中使用的 javascript 包含在脚本标签中。

一切正常,除了 #4 中包含的脚本重新呈现相同的视图,因为路由匹配。在路线中,我有以下配置。

<Provider store={store}> <div style={{ height: '100%' }}> <Router history={browserHistory} children={routes} /> </div> </Provider>

有没有办法将参数传递给Router组件以注册路由,但不执行它们?

0 投票
1 回答
108 浏览

reactjs - 如何使用 Universal-webpack 导入图像?

我正在尝试使用 Universal-webpack 在服务器上呈现一个反应应用程序。

我有很多拼图工作,但是我无法在我的代码中导入图像。

如果我有代码

在我的一个反应组件中,我收到以下错误:

我应该在我的配置或 server.js 中寻找什么吗?

0 投票
2 回答
1573 浏览

css - 通用渲染在 DOMContentLoaded 事件和 Load 事件之间产生延迟

我对样式化组件感到非常兴奋,如果不是因为这个,我很想使用它……
我已经准备了两个使用 next.js 通用渲染库的示例项目。
第一个示例使用 styled-components 作为解决方案,第二个示例使用他们的默认 css 解决方案 styled-jsx。
这两个示例都包含完全相同的代码,但复杂性最低。正如您很快就会看到的那样 - 在 styled-components 示例中,在 DOMContentLoaded 事件和 Load 事件之间存在令人不安的延迟,在该事件中用户实际上看到了未设置样式的 html 标记,而在第二个示例中使用 styled-jsx 这不是案子。

两个演示现在都使用 Zeit 在线托管:
1 - https://01-styled-components-sqprkdqeft.now.sh
2 - https://02-styled-jsx-nhrynpsdox.now.sh

github 上提供的源代码:
1 - https://github.com/Ajar-Ajar/next-demo--styled-components
2 - https://github.com/Ajar-Ajar/next-demo--styled-jsx

我非常感谢任何关于为什么它发生在一个而不是另一个的见解,当然还有任何修改这种行为的方法,因为我喜欢使用 styled-components 的许多特性和优势。

谢谢
Ajar
:)

0 投票
0 回答
430 浏览

reactjs - FlatList React Native 滞后

我有一个水平滚动的 FlastList 并且运行流畅。但是当我在这个下面添加一个水平滚动的 FlatList 时,整个滚动开始滞后。有什么解决办法吗?

0 投票
0 回答
71 浏览

javascript - 使用 UniversalRouter 和 React-started-kit 登录验证 reactjs

我如何使用 React-started-kit,通用路由器检查所有路由的登录,我在路由中使用 Cookie 和操作,但不工作