react 所遇到得error
<body>
<div>
<ul>
<li>
<a href="#react">React</a>
</li>
<li>
<a href="#store">Redux</a>
</li>
<li>
<a href="#router">React-router</a>
</li>
</ul>
</div>
<div id="react">
<h3>react错误</h3><br>
路由跳转错误： 输入url但页面无法显示
redux错误
-
store.subscribe(()=>{ this.setState({newState}) })redux出现的目的也是为了更方便管理 state ，实际上不需要嵌套 this.setState 。改成如下即可
store.subscribe(()=>this.render)
react-router错误
路由跳转错误： 输入url但页面无法显示
error: 不能将路由配置集中配置在一个地方
由于使用react-router版本4及以上，路由配置的思想为分散配置。在选哟嵌套路由的组件中嵌套路由配置即可
<Router history={history}>
<Route path="/page" component={ Layout } >
<Route path="/home" component={home} />
<Route path="content" component={content} />
</Route>
<Route path="/login" component={login} />
</Router>
You should not use
现象：页面无法渲染
<Router history={history}>
<Switch>
<Route path="/" component={layout} >
<Route path="home" component={home} />
<Route path="content" component={content} />
</Route>
</Switch>
</Router>
原因：react-router 4.0 以上报此警告
<Layout>
<Route path="/home" component={home} />
<Route path="/content" component={content} />
</Layout>
路由跳转错误： 使用 this.props.push('');
error: Cannot read property ‘push’ of undefined
由于使用react-router-dom5，将 history 以 props 的方式传递下去
解决：<Layout history={history}>
<Route exact path="/home" component={home} />
<Route exact path="/content" component={content} />
</Layout>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· winform 绘制太阳，地球，月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 上周热点回顾（3.3-3.9）
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人