通过加载组件React添加活动类

文章/答案/技术大牛

发布

1回答

reactjs

我是一个新的反应，所以我想知道如何添加一个默认的活动类。我有3个来自循环的li标签。在加载组件时，我想让li标记的第一个li处于活动状态。当我点击第二个li时，我可以使用state添加活动类。" active" : ""} ></li> 那么如何在加载组件时添加活动类呢？

浏览 17提问于2020-05-27得票数 0

回答已采纳

1回答

React.js -只有在页面处于活动状态(页面加载或重新加载)时，才触发"useEffect“

html、css、reactjs、svg

TL;DR 我正在开发一个React网站，并使用"CSS转换“创建SVG动画，该动画通过向元素添加一个类来触发。组件。但我注意到，Vanilla应用程序中的转换只有在页面处于活动状态时才会启动，而React

浏览 5提问于2021-05-14得票数 1

回答已采纳

1回答

React导航中的本机访问密钥链数据

react-native、navigation、keychain、stack-navigator

这是我的密码：import React, { Component } from 'react' createStackNavigator, createSwitchNavigator import * as Keychain from

浏览 2提问于2019-06-02得票数 0

1回答

如何在子组件中引用DOM元素？[ReactJS]

javascript、reactjs、typescript

我有这个Header组件，里面有许多Link组件，如下所示。我根据url路径有条件地渲染组件。我想添加一个CSS类的‘活动’到适当的链接，这将让用户知道哪个是活动链接。( {children} ); }; 我试图通过使用activeLink状态来实现它，该状态将保持<

浏览 26提问于2021-01-21得票数 1

回答已采纳

1回答

如何将活动类添加到在悬停时在react中映射的单个组件

html、css、reactjs

我正在尝试将活动类添加到映射的单个组件中。我想要做一些事情，比如当我将鼠标悬停在一个组件上时，例如第一个组件，然后它只向组件添加类，而不是向render方法中映射的每个组件添加类。我尝试使用onMouseEnter，但它似乎将活动类添加到每个组件 p

浏览 16提问于2021-02-23得票数 0

1回答

选择元素和添加事件侦听器的反应方式

javascript、css、reactjs、event-listener

我在中找到了一个解决方案，可以应用活动状态，但我不知道如何以反应的方式来实现这一点。然后根据类的位置添加或删除类。此代码位于侧栏组件中，其中我的链接(即gatsby元素)也在其中。

浏览 3提问于2022-02-14得票数 0

4回答

使用反应性路由器当前路由在菜单上有条件地设置活动类

reactjs、react-routing

Triangles}/> </Router> document.querySelector('.container')我的App组件看起来像这样，我想我可以在道具中传递位置： import Menu from '.location: this.prop

浏览 4提问于2015-12-22得票数 14

回答已采纳

1回答

尝试在菜单/导航栏中为活动/默认选项卡设置CSS，但活动类不起作用

javascript、css、reactjs、typescript

我有一个React组件，在这里，我根据tabs组件中子元素的数量生成选项卡。我已经为选项卡的基本样式和:focus样式设置了CSS，但是当组件加载时，我尝试将相同的样式从:focus应用到:active类，以便在加载菜单时默认选项卡显示为活动选项卡，但出于任何原因，将样式传递到:active类并不适用于我的样式组件。现在，当菜单加载时，选项卡显示为不活动的标准样式。我的标签

浏览 2提问于2020-05-05得票数 0

回答已采纳

3回答

React可重用按钮

reactjs

React初学者在这里。const Button = (props) => { {props.children} )

浏览 2提问于2020-06-21得票数 0

1回答

在li元素中添加活动类并删除其他类的React方法是什么？

reactjs

这个简单的React组件以纯javasript的方式将活动类添加到鼠标悬停事件上的每个li元素。我如何实现在悬停时添加活动类，并以React方式从其他li元素中删除其他活动类？我在1分钟内完成了类似的操作，只需在悬停事件上添加以下jquery行： $("li").removeClass('active'); $(this).addClass(

浏览 12提问于2020-12-11得票数 1

1回答

在不带localIdentName的Webpack css加载器中添加特定类的样式

webpack、css-loader

我正在使用webpack的url-loader加载css文件，并通过CSS模块访问它们。如何更改由库添加的未散列样式的样式？也就是说，React路由器添加了活动类名。我如何在这个类上添加css？

浏览 0提问于2017-06-17得票数 0

1回答

为一组不同的组件Next.js不同的全局css

reactjs、next.js、css-modules

我们的web应用有自己的全局css，它是在_app组件上导入的。现在，博客主题也有了自己的全局css/类名称，即它有自己的页边距、字体、颜色等。

浏览 6提问于2021-05-30得票数 1

1回答

Tabs当设置为active时，会将所有错误的alogrithim Meteor React

javascript、meteor、reactjs、meteor-react

我正在尝试:使选项卡处于活动状态，并关闭所有其他选项卡。目前，我只让它工作，它将关闭和打开一次一个。import React from 'react'; export default class TestContainerextends Rea

浏览 1提问于2016-06-17得票数 1

1回答

我有许多组件正在集成到Android和iOS应用程序中，我希望有一些元数据与React一起使用，这些元数据在安装/加载之前向应用程序提供了一些关于组件的信息。本机React本机框架允许通过“本机模块”注入常量和函数，这些模块可以全局访问，而无需绑定到组件、活动、视图控制器等。基本上，我们可以轻松地发送数据本机=> React本机。是否有一种简单的方法可以从中实现相同的操作，比如公开一个常量或函数，这些常量或函数可以<e

浏览 0提问于2017-01-05得票数 3

3回答

谷歌位置自动完成与谷歌地图-加载问题

reactjs、google-maps、google-maps-react

错误:反应-地点-自动完成:谷歌地图JavaScript API库必须加载。请参阅：我需要这两个组件一起工作。知道怎么解决这个问题吗？

浏览 0提问于2018-12-24得票数 3

回答已采纳

3回答

如何使用变量在React中导入组件或文件？

reactjs、variables、import、components、require

我正在构建一个使用React的web应用程序，它显示了您所选择的建筑的蓝图，在一个已经选定的校园中。我试过导入、获取和要求，但似乎没有任何效果。我的代码如下所示：<BuildingMap building={s

浏览 5提问于2017-05-31得票数 7

1回答

在React中添加分页的活动类时出现问题

javascript、reactjs、pagination

我有父组件应用程序和子组件分页，这是显示分页选项卡。我想实现/将活动类添加到所单击的活动/当前选项卡中。但我不会成功。当我单击每个分页选项卡时，都设置为活动变量(数字1、2、3、4)，带有当前状态，从状态变量activePage获取。然后将该变量(Active)与索引no进行比较。并将true或false转发给子组件分页。如果为真，则应添加活动类，否则不应添加任

浏览 5提问于2019-02-08得票数 0

回答已采纳

1回答

我的React忽略了我在尝试导航到它时创建的一个标准html页面

reactjs、entity-framework-core

我有一个页面反应web应用程序前端，它首先加载index.js文件。看起来是这样的：import ReactDOM from "react-dom";) 当我<

浏览 2提问于2022-01-27得票数 0

3回答

从形式上讲，什么是反应成分？

reactjs

考虑一下 render: function() { }以及哪个是具体的，或者哪里是“组件”？它是调用React.createClass(..)返回的对象吗？它是React.createElement(..)返回的对象吗？是不是在幕后的某个地方？

浏览 7提问于2016-02-17得票数 1

回答已采纳

6回答

CSS模块、React和重写CSS类

css、css-modules

我使用的是一个React库(React )，它使用CSS和Webpack：label___1nGy active___1Jur tab___Le7N tab是我正在传递的className道具在他们的Tab组件中输出该类。label和active类来自库。

浏览 10提问于2016-02-04得票数 30

回答已采纳

点击加载更多