个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我有几个组件与具有动态 url 路径的 react 路由器一起显示。我有一个示例路径是<Route path="/newproject/:id" onEnter={checkSesh} component= {ProjectDetails} />
进入这个组件的时候，我有一个componentWillMount提取 id 的函数url 的一部分，以便我可以获取正确项目的信息并将其呈现在 ProjectDetails 上成分。
componentWillMount() {
var id = this.props.router.params.id
this.props.teamDetails(id);
}
this.props.teamDetails(id)这将调用一个 redux Action 创建者，它将向一个快速路由发出 axios 请求，该路由将从数据库中获取项目信息。
export function teamDetails(id) {
return function(dispatch) {
axios.get('/getteaminfo/' + id)
.then(res => {
dispatch({ type: "SET_TEAM_DETAILS", payload: {
teamInfo: res.data.teamInfo,
admin: res.data.admin,
adminID: res.data.teamInfo.teamAdmin,
teamMembers: res.data.teamInfo.teamMembers
}
})
});
}
}
/newproject/:id , 我收到一个错误
Uncaught SyntaxError: Unexpected token < .我的浏览器中的示例 url 看起来像
http://localhost:3000/newproject/58df1ae6aabc4916206fdaae .当我刷新此页面时，出现该错误。错误是提示我的
<!DOCTYPE html>出于某种原因，我的 index.html 顶部的标记。这个 index.html 是渲染所有 React 的地方。
最佳答案
页面刷新时，不保留存储状态。确保状态对于加载页面不重要，或者至少每次都正确初始化。
例如登录信息如果保存在商店中，而不是使用 localStorage 或 cookie 等保存在浏览器上。然后在刷新时，尝试通过 axios 访问/getteaminfo/路由时会出现错误。响应将有错误 html 并且无法被 js 解析。
请检查您的网络控制台以获取更多信息。您可以使用像 https://github.com/zalmoxisus/redux-devtools-extension 这样的 chrome 扩展名这将显示您的商店等。
确保检查/getteaminfo/给出的 id 没有通过。
另外，请确保在您的服务器端，您是否通过这样的方式将请求路由到 react-router 路径？
例如表达js，
app.get('*', function response(req, res) {
res.sendFile(path.join(__dirname, 'public', 'index.html'));
});
sendFile与 index.html 的真实位置
关于reactjs - 刷新具有动态 url/params 的 react 路由器页面，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43163912/
25
4
0
我经常看到这个，但我一直不明白。为什么这么多函数在函数定义中有这些嵌套的括号和奇怪的逗号？ 有点像 function name(param, param param) 对我来说有意义，或者 funct
为什么参数输入有两种不同的格式？除了个人品味之外，还有其他好处吗？ 例如，我正在使用它，因为那是我第一次阅读有关Powershell的文档时所看到的 function MyAwesomeFunctio
当我转到角色 Controller 时，显示操作，所有正常的 params[:id] 都是根据 REST 应该如何。 在显示 View 中，我渲染了部分。在该部分中，我有一个指向 vote_socio
我正在尝试在我的 Express 应用程序中使用 Sequelize 获取数据，并使用 MSSQL 获取数据库。这是我的代码: getInstitution: function (req, res)
从 ASP.NET 中的代码隐藏访问表单或查询字符串值时，使用的优缺点是什么，例如: // short way string p = Request["param"]; 代替: // long way
这个问题已经有答案了: 已关闭11 年前。 Possible Duplicate: What is it called when you use object… as a parameter? 我在
在代码示例中，我看到了以下代码: SomeClass.Columns(columns => { columns.Add() .Text("Product")
我是 PySpark 的初学者。我在 PySpark 中使用 FPgrowth 计算关联。我按照以下步骤操作。 数据示例 from pyspark.sql.session import SparkSe
我想记录一个类，我在 PyCharm 中看到当自动添加文档字符串时它会添加 :param param_name1: :param param_name2: 不过，我看到有人用 @param param
我正在为一个网站设计 Android 客户端。所以我必须实现很多不同的网络操作。例如用户授权或在服务器上搜索。为此，我必须向 REST Web 服务器发送带有一些参数和 URL 的 JSON 请求。因
我对 Jersey 和 Grizzly 有疑问。这个问题可能非常基本，但我正在努力解决它。我的想法是，我正在创建一个需要存储书籍的练习应用程序。一切似乎都很好，但并没有按预期进行。这是源代码: @Pa
假设我有一个带有虚方法的接口(interface)，但参数之一是: virtual void Delete(ParentClass *parentClass) = 0; 如果我稍后在子类中实现它 vo
需要一些 Python 语法方面的帮助 伪代码 if param is not None in params, param replace('xx', 'x') 我走到这一步了: param.repl
我刚开始使用 JSDocs，找不到这个问题的答案。 假设我想写这个简单的函数: function hasQ(array, item) {return array.includes(item);} 对于
我对doInBackground(Params...params)中的参数语法不熟悉 这种东西叫什么，我该如何使用它？ 最佳答案 正如 devA 和 VVV 所说，这就是所谓的“可变参数”。实际上，以
我很难在两个 perl 模块之间做出选择——Params::Validate 和 Params::Check。 我正在编写一个应该易于分发的 Mojolicious 应用程序。 一般来说，我的意思是在
这个问题已经有答案了: What does [param: NotNull] mean in C#? (2 个回答) 已关闭 7 年前。 我发现了以下属性声明。 [param: Marsha
我正在阅读有关 $params 的 CakePHP 手册，并且想知道每个参数的适当用法是什么？我知道返回的数组略有不同(“url”实际上有一个名为“url”的数组键，它返回 Controller /操
我见过处理 *param1 和 ¶m2 的 C 函数调用 func1(*param1); func2(¶m2); 我知道 * 和 & 必须与指针相关。那么这两种不同的方式有
特别是，为什么对 *param 这样的参数的更改不会传播回函数的调用者，但对 **param 这样的参数的更改却会传播回来？ 最佳答案 在这两种情况下，更改都会被传播，但这取决于调用函数。 请参阅下面
我是一名优秀的程序员,十分优秀！