个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
26
4
我是 Redux 的新手，当我使用 redux 进行服务器端渲染时，它抛出了这个错误
Invariant Violation: Could not find "store" in either the context or props of "Connect(KnowStatus)". Either wrap the root component in a , or explicitly pass "store" as a prop to "Connect(KnowStatus)".
当我不使用 serversiderendering 时它工作正常但是当我使用它时抛出这样的错误......
ServersiderenderExpress.js
import express from 'express';
import bodyParser from 'body-parser';
import {Server} from 'http';
import React from 'react';
import {renderToString} from 'react-dom/server';
import {match, RouterContext} from 'react-router';
import routes from '../client/routes';
import Helmet from 'react-helmet';
import compression from 'compression';
import favicon from 'serve-favicon';
let app = express();
app.use(bodyParser.json());
app.use(compression());
app.use(favicon(__dirname + '/favicon/favicon.ico'))
app.use(express.static('public'));
app.get('*', (req, res) => {
match({routes, location: req.url}, (err, redirectLocation, renderProps)=> {
if (err) {
return res.status(500).send(err.message);
}
if (redirectLocation) {
return res.redirect(302, redirectLocation.pathname + redirectLocation.search);
}
let markup;
let rendered = renderToString(<RouterContext {...renderProps}/>);
let head = Helmet.rewind();
if (renderProps) {
markup = `
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
${head.title}
${head.meta}
${head.link}
</head>
<body>
<div id="app">
${rendered}
</div>
<script src="bundle.js"></script/>
</body>
</html>`
}
res.write(markup);
res.end();
})
});
app.listen(3000, () => {
console.log('Listening')
});
最佳答案
renderProps由 match 返回函数仅包含应在 req.url 上呈现的路由组件的信息.你仍然需要渲染 <Provider>并为其提供存储对象。
import { createStore } from 'redux'
import { Provider } from 'react-redux'
match(..., (...) => {
// ...
// create the store like you do on the client side, giving
// it your reducer(s) and possibly an initial state
const store = createStore(reducer, initialState)
const rendered = renderToString(
<Provider store={store}>
<RouterContext {...renderProps} />
</Provider>
)
// ...
})
关于node.js - 不变违规 : Could not find "store" in either the context or props of "Connect(KnowStatus)". 将根组件包装在 <Provider> 中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41021766/
26
4
0
我有 2 个表 t1，其中存储价格和项目类型以及一个 ENUM 值和 t2，其中存储销售数量。我有一个计算总销售额(价格 * 数量)的查询，但我需要计算两个结果数字之间的差值。 两个数之差的计算公式应
我在使用 zsh 运行 Big Sur 11.2 的 Mac 上更改运行的 java 版本时遇到问题。我想将 Java 1.8 设置为默认设置，因此我使用以下命令设置 JAVA_HOME: $ uns
在下面的代码中，当我改变选择时，会有一个alert。我试图使该功能类似于当我单击 option 时它会显示 alert。 $(document).ready(function() { $("#x"
好吧，我正在制作一个简单的 react 游戏，我的代码如下。现在，当调用 startGame() 时，如果我注释掉 while 循环，一切都会发生，但是当我使用 thread.sleep(1000)
我目前正在尝试将 .plist 文件中的 CFBundleURLTypes 的值更改为新值，但似乎没有任何效果，并且如果我调用，旧值仍然存在 NSLog(@"%@", [[NSBundle mainB
我正在尝试使用 Jsoup 中的解析函数来解析 html 字符串。 我尝试阅读了很多相关的帖子以及API，但仍然没有找到答案。 String html = ""others"; Docume
我正在尝试为水平列表项关闭设置动画alpha 动画有效，layoutparam 值也随时间减少但出于某种原因，这并没有改变列表项的实际高度。 @Override protected void appl
双管道等于: MY_CONST ||= 42 运算符定义？ MY_CONST = 42 unless defined? MY_CONST 为什么第二种方式更为普遍？第一个有什么缺点吗？ 最佳答案 在一
我希望我的站点地址栏在访问子页面时不要更改其地址，它应该显示我的 index.html ，即使我进入 tosub 页面。 就像我打开 www.xyz.com我导航到它仍应显示的任何页面 www.xyz
我试图通过将购物车存储在数据库的表中来创建购物车，而不是使用内置的 CI 购物车类。我使用 sessionID 来识别一个访问者和另一个访问者。但是我发现sessionID在一段时间内一直在变化，连访
我面临一个奇怪的问题。一旦更改了.java文件-看来测试仍在使用该文件的早期版本(.class)。 从我的 Angular 来看，应该从.build文件夹中删除该类，并从新版本的.java文件重新编译
下面的R代码显示了一个关于向量组合的例子，之后，向量“c”的属性变成了字符。如何让它仍然保持属性为数字？ a='aa';b='bb';c=c(1,2,3,4,5) dd=data.table(cbin
我一直在使用 Kinect 和语音识别，我注意到我无法让 AudioLevel 成员从我的 SpeechRecognitionEngine 对象中更改。 我成功地让命令被识别，所以我知道 kinect
大家好，我已经实现了通知功能。我对通知 ID 有疑问。 这是我的代码: protected void ShowNotification(String title, String text){ Noti
所以我第一次正确设置了 UIView 图层的阴影(它显示得非常好)但是当我尝试更改颜色时(没有别的，只是 layer.shadowColor)它不会在 View 中更新。它仍然显示原始颜色。我已经尝试
使用 java 我想在一个程序中生成一些随机值，然后在每次执行第二个程序时在其他程序中使用这些值。 这样做的目的是生成一次随机值，然后在以后每次运行程序时保持并保持它们不变。有可能吗？谢谢 最佳答案
我有几个组件，所有组件都继承了 JCheckBox 而没有覆盖它的任何内容，存储在一个 vector 中，然后遍历该 vector 并将每个组件添加到一个对话框中 CreateLists(); //
我有一个 UITabBarController。现在我想在其上方添加一个 View ，并在用户切换到另一个选项卡时使 View 保持不变。我尝试创建一个 UIViewController，并将 UIT
我正在使用 curses 来打印一个非常漂亮的控制台 UI，我需要它依赖于终端大小。为此，我阅读了 here ，我可以使用 shutil.get_terminal_size .所以我正在做这段代码:
我有一个jsfiddle here . fiddle 中有许多标记文本框。在文本框中输入一个数字，然后继续单击“添加问题”按钮。您将看到剩余的总分等于 10，但它不会改变。剩余分数的数量应该通过减去附
我是一名优秀的程序员,十分优秀！