在将:id添加到url参数后，React: Index.css不适用
。
这个问题可能是由于React组件的缓存导致的。当使用React Router或其他路由库时，组件可能会被缓存，以提高性能。这意味着当URL参数发生变化时，组件不会重新加载，因此Index.css文件也不会重新应用。
解决这个问题的一种方法是在组件中使用生命周期方法来监听URL参数的变化，并在参数变化时重新加载CSS文件。可以使用componentDidUpdate生命周期方法来实现这一点。在该方法中，可以检查URL参数是否发生变化，并在变化时重新加载CSS文件。
另一种解决方法是使用CSS Modules或CSS-in-JS等技术来管理组件的样式。这些技术可以将CSS文件与组件绑定在一起，确保每次组件加载时都会应用正确的样式。
以下是一些相关的腾讯云产品和产品介绍链接，可以帮助解决这个问题：
- 腾讯云服务器（CVM）：提供可扩展的云服务器实例，用于运行应用程序和托管网站。链接：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供安全可靠的对象存储服务，用于存储和访问大规模的非结构化数据。链接：https://cloud.tencent.com/product/cos
- 腾讯云CDN：提供全球加速的内容分发网络，用于加速网站和应用程序的内容传输。链接：https://cloud.tencent.com/product/cdn
- 腾讯云云函数（SCF）：提供事件驱动的无服务器计算服务，用于按需运行代码片段。链接：https://cloud.tencent.com/product/scf
请注意，以上产品仅作为示例，您可以根据具体需求选择适合的腾讯云产品。
相关·内容
1回答
在将:id添加到url参数后，React: Index.css不适用
css、reactjs、react-redux、react-router
我正在使用react并让我的所有页面导入index.css (因为我从index.html调用它)。在我给页面的url添加了/:id参数后，它突然停止了从index.css获取样式，但却从react中直接导入页面的其他css文件中获取了样式。路由现在看起来是这样的：
<PrivateRoute path="/:id/whatsapper&quo
浏览 6提问于2021-05-20得票数 0
1回答
响应数据表网格日志记录复制/粘贴值
javascript、reactjs
我正在开发一个React应用程序来显示web界面中的Excel数据。为此，我使用了组件。对于复制/粘贴后的更改，我希望看到控制台中的差异。我将copyValue和pasteValue道具添加到albumId列以查看发生了什么，但这两个函数只返回： rowData这是我的代码： const valueCopy =
浏览 3提问于2020-12-24得票数 0
回答已采纳
1回答
如何使项目在反应中居中
css、reactjs
我的问题是，什么是在反应中心项目的权利。import React, { useState } from "react"; NavbarContainer, BottomContainerNavbarContainer>}
样式页import { Link } from "react
浏览 3提问于2022-03-24得票数 0
1回答
Moralis与Vite反应的集成
reactjs、npm、vite、yarn-v2、moralis
我试图在Moralis文档之后将Moralis与我的react应用程序集成，在安装之后，我一直得到这个错误。
import React from "react";import "./index.css";
import App from "./App"
浏览 7提问于2022-01-19得票数 1
1回答
为什么我的不呈现在提供者之下？
reactjs、redux、redux-saga
import React from 'react';import "./index.css";import reportWebVitals from "./Sagas";
import { Provider } from "react
浏览 1提问于2022-07-11得票数 0
回答已采纳
1回答
React:如何将服务器端HTML与react组件和函数混合
javascript、reactjs、vue.js
使用Vue，我可以轻松地添加一个Vue应用程序作为服务器端呈现HTML的包装器，如下所示： <div id="appMain"> >--img src="${item.cover_image_url}" cla
浏览 2提问于2020-08-30得票数 1
3回答
将输入传递到js中预定义的URL路径参数
javascript、node.js、axios
我对react、redux和axios都是新手。我正在使用库对后端进行调用。我想用/api/posts/:id这样的模板提出一个请求。阅读文档后，您会发现axios似乎只支持使用params属性查询字符串参数。除了将参数自己添加到url这个显而易见的解决方案之外，有没有什么解决方案可以让我使用库来传递参数？
浏览 3提问于2018-02-11得票数 1
1回答
如何将React应用程序添加到现有网站
javascript、reactjs
我使用npx create-react-app my-app创建了一个小的React应用程序。我想将此React应用程序添加到我现有网站的特定<div>中。我的网站：<div id="reactApp"></div>import React from 'react';
import Re
浏览 16提问于2021-02-19得票数 0
4回答
为什么我的CSS不适用于我的React组件？
javascript、html、css、reactjs
假设我正在创建一个React应用程序，并且有一些用于组件的CSS。我将style-loader和css-loader添加到我的webpack配置中，如下所示： mode: 'development', },};.list-group-item {
浏览 0提问于2019-04-17得票数 9
2回答
react http-请求在第二次请求后不会更改加载状态。
javascript、reactjs
我现在在我的React.js组件中使用react http- request发送请求并处理响应。传递的URL参数与组件状态相关，因此当状态更改时，组件将被重新呈现并更改组件显示。我的守则如下：
va
浏览 2提问于2017-01-29得票数 2
回答已采纳
2回答
从同一个index.js呈现来自不同HTML页面的多个DOM元素
javascript、reactjs
我基本上是在尝试编写一个JavaScript插件，它可以嵌入到用react编写的站点上。我的问题是，我需要能够在不同的页面上呈现DOM元素中的组件，而无需使用路由。到目前为止，这是我的代码。import React from 'react';import './index.css';
import App from '.&
浏览 1提问于2018-06-26得票数 0
回答已采纳
3回答
将参数从非react jquery html表单页面传递到react应用程序
javascript、reactjs
我有一个简单的react应用程序，可以独立运行。我该怎么做？有什么想法或样品吗？Here is my scenario,
...<a href="http://server.com
浏览 1提问于2018-08-22得票数 0
1回答
CSS不呈现
c#、html、css、asp.net-mvc
BundleConfig:bundles.Add(new StyleBundle("~/Content/css").Include( } <link href="@Url.Content("~/Content/Index.css"
浏览 0提问于2019-04-20得票数 0
回答已采纳
</noscript> <link href="app.css" rel="stylesheet"/>
<script src="app.jsparcel build src/index.js --no-minify --no-source-maps -d widget && cp build/static/css
浏览 4提问于2022-06-14得票数 1
回答已采纳
1回答
无法向Outlook添加图像
outlook-addin、office-js
我想通过Office.js向邮件正文中添加一个图像，但这并不适用于Outlook。我不希望每个人都可以访问我的照片，所以我就是这样做的(这适用于Outlook桌面)：Office.context.mailbox.item.addFileAttachmentAsync}); Office.context.mailbox.item.body.setSelectedDataAsync('<img src="cid:'
浏览 0提问于2018-09-07得票数 0
1回答
链接到单击时不工作，但在url框中输入时工作
reactjs、react-router
当我在导航栏中点击登录或注册时，它不会显示我的登录和注册屏幕，但当我输入url并按回车键时，它会像这样显示我的登录和注册屏幕，我尝试了所有的方法。它之前工作正常，但在放置到导航栏后，使用引导链接功能的导航栏不工作。
我的App.js代码 import Heading from './component/Signup';
import {Route,Switch} from &
浏览 10提问于2021-05-14得票数 0
2回答
添加本地字体
javascript、reactjs、css
我想在本地机器中添加一个自定义字体，我在src/fonts/中添加了字体--字体文件本身名为DIN Next LT Arabic Regular.ttf。我找到了一个答案，建议我这样说，并将这一行添加到我的index.css文件中 font-family: 'DIN Next LT Arabic Regular' !important;
src: local('DIN Next LT Arabic Regular'), url(&
浏览 0提问于2018-10-22得票数 3
回答已采纳
2回答
如何使用CSS模块与webpack在反应同构的应用？
reactjs、webpack、css-modules
我在import './index.css'中使用index.jsx，它在客户机上工作得很好，但在服务器呈现上不工作。错误是Error: Cannot find module './index.css'。components/index.jsximport style from '.);
浏览 2提问于2016-08-14得票数 0
4回答
带动态内容的React Swiper
javascript、reactjs、instagram-api、superagent
我正在用来自Instagram的图片做一个旋转木马，使用react-id-swiper。Swiper组件似乎在响应后没有更新。当我在Chrome中打开检查器时，它开始工作了吗？import React, { Component } from 'react'import request from 'superag
浏览 2提问于2018-06-12得票数 6
1回答
Wordpress中断页面名称查询功能中的自定义帖子结构
php、wordpress
我正在尝试将默认的post结构更改为/resources/blog/%postname%/以前，即使url结构是domain.com/products/name-of-product，wordpress也能找到domain.com/name-of-product。只要我只使用%tag
浏览 0提问于2018-03-24得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
