如何管理单个react元素上的状态以实现悬停效果？

文章/答案/技术大牛

发布

2回答

javascript、css、reactjs、hover、jsx

我正在尝试在React中为我的投资组合网站设置一个简单的“图标到文本”的悬停效果。当我设置它时，它会改变所有悬停的图标，我只想一次改变一个图标。

浏览 25提问于2020-01-03得票数 0

回答已采纳

3回答

如何一次更改嵌套HTML元素的字体颜色

html、css

我正在尝试在ul上创建悬停效果，我正在尝试找出一种方法来改变悬停时在ul中的元素的字体颜色。现在我在单个元素上使用鼠标悬停，如下所示： .wt-description p:hover { <div class="wt-description"> <p>

浏览 30提问于2021-06-28得票数 0

4回答

以与多个元素具有相同类名的单个元素为目标

jquery、css、hover

我正在尝试实现悬停效果，它以单个元素为目标，但将类名作为多个元素。例如，我只希望当您将鼠标悬停在该特定元素上时，才会出现悬停效果。但是，如果我将鼠标悬停在剩余的元素上，代码就会工作，这就是我到目前为止所拥有的。

浏览 0提问于2013-10-23得票数 0

2回答

如何在react中没有get请求的情况下在li hover上显示特定的img？

javascript、html、css、reactjs

我有4个盒子(<li>元素)和4个图像。任务是当用户悬停特定框时显示特定图像。如果用户悬停在框0上，则显示图像0，如果1，则显示图像1。在悬停时，我更新状态currantBox(例如currantBox: 1)，并将其传递给img src属性，如下所示：content是一个具有img路径的JSON数组。问题是，在每次悬

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

4回答

如何在没有useState或不触发所有元素的React中更改悬停时的类

javascript、html、css、reactjs

当元素(span)悬停时，我想在React中应用悬停效果，但是当我对多个元素执行此操作并悬停其中一个元素时，所有这些元素都会被触发。我想要做多个这样的span元素，但是当我悬停其中一个时，所有这些元素都在改变。import React, { useState } from "react"; import {

浏览 5提问于2020-07-08得票数 1

3回答

反应-哈弗·巴顿？

css、reactjs、hover、react-bootstrap

如何创建具有悬停效果的Button ?我无法真正得到它，我使用了引导Button组件：import ".

浏览 3提问于2022-08-11得票数 1

1回答

是否有通过悬停更改其他div元素的选项？

html、css

我想通过其他div元素的悬停来改变div元素的颜色。我试过了，但不起作用。</a>和CSS：{}{} 当然，它对HTML的工作方式是这样的

浏览 3提问于2020-08-09得票数 2

1回答

只有一个真实状态的内部数组反应js。

reactjs、boolean、frontity

我正在尝试用ReactJS (NextJS)从前端主页复制滑动按钮效果。请看一

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

回答已采纳

1回答

IE8中的一些图像闪烁

css、image、internet-explorer-8、flicker

我已经隔离了这些div图像交换的代码。第二个图像闪烁，与位置无关。我想不出来吗？图像基本上是相同的，它是菜单图像悬停状态。我的IE8代码有问题吗？CSS是相同的，我可以重新定位DIV并得到相同的结果。为什么图像会闪烁？我是否给它添加一个height或width属性似乎也无关紧要。

浏览 1提问于2014-11-25得票数 0

2回答

如何使圆形图像中的内容悬停或单击并在移动设备上显示

javascript、jquery、css、html

我有一个圆形图像：我想要做的是，当鼠标悬停(或单击)在各种颜色框上时，文本/内容显示在中间和右侧。问题是我如何才能让它在移动设备上也像预期的那样显示？任何帮助我入门的指针/例子都是非常有帮助的，谢谢！

浏览 2提问于2014-04-02得票数 0

1回答

使用React创建交互式SVG组件

svg、reactjs

假设我有一个SVG元素，其中包含所有美国州的路径。</svg> render() { var svg = require('./' + this.

浏览 0提问于2015-12-26得票数 12

回答已采纳

5回答

如何在reactjs中访问悬停状态？

hover、reactjs

因此，当其中一个团队被悬停时，我想为每个团队显示一些不同的东西。另外，我正在使用Reactjs，所以如果我可以有一个可以传递给另一个组件的变量，那就太棒了。

浏览 275提问于2015-08-21得票数 138

回答已采纳

1回答

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

reactjs

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

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

1回答

CSS -使用悬停以不同方式影响多个元素

javascript、php、css、hover

我希望创造一个类似于Mac App Dock的东西。基本上，我有许多相邻的div，它们具有相同的类和唯一的ID (通过php完成)。目前，当您将鼠标悬停在一个元素上时，它会使用transform将其放大，但这不会影响与其相邻的元素。我想知道是否有一种方法可以使item-2具有transform:scale(2.0)的悬停效果，在将鼠标悬停在该<e

浏览 0提问于2014-03-25得票数 1

1回答

对智能手机和平板电脑保持悬停效果

twitter-bootstrap、hover、effect

我正在创建一个网站，并在我的主页上使用悬停效果来显示部分名称。但是，当我调整屏幕大小以查看小设备视图时，悬停效果显然不起作用。如何保持此效果处于激活状态？如果可能的话，使用CSS @media。

浏览 1提问于2015-06-23得票数 0

1回答

如何解除悬停状态的绑定，并将其恢复到其他状态？

jquery

我希望发生的是这样的但我也希望单击该元素并保持悬停状态，而其他元素仍然具有悬停效果。这是我到目前为止所知道的：编辑:很抱歉有这么糟糕的描

浏览 1提问于2012-07-12得票数 1

1回答

如何通过子对象的父对象触发悬停事件？

javascript、css、reactjs、stylesheet

我已经写了一个自定义的反应组件，其中有一个动画:悬停。此组件是一个不同的父组件的子。我想要做的是在父组件上悬停时触发子：悬停。是否有可能通过css来模拟它(如果不是，那么它如何实现)？在它中，以子元素的形式，我有一个Link/a组件，它有自己的css/:悬浮动画，并且单击重定向到给定的href页面。我想要达到

浏览 7提问于2021-03-06得票数 0

3回答

禁用双击以单击触摸屏iOS设备

javascript、jquery、ios、touchscreen

因此，最近我一直在开发一个网站，让我改进并做出响应，而我所面临的问题之一是，有许多元素是可点击的，它混合了CSS和jQuery的效果，适用于悬停状态。首先，我希望所有这些悬停状态都是CSS，但主要问题是，在这些悬停状态上，某些元素正在更改display和visibility css属性。我做了一些阅读，显然如果是这样的话，在触摸屏iOS设备上，这

浏览 2提问于2015-11-25得票数 5

回答已采纳

2回答

删除用户在刷新页面后消失，没有实时响应。

node.js、reactjs、mongoose、checkbox

当我检查db时，它正在删除选定的用户，但是从前端开始，在刷新页面之后，就会发生这种情况。有谁可以帮我？这是我的FE代码： const response = await fetch(`http://localhost:3001

浏览 5提问于2022-09-22得票数 0

回答已采纳

2回答

悬停时旋转图像失败

javascript、html、css、reactjs、hover

我有一个在悬停上旋转图像的工作示例当在父元素上悬停时，它使用scale()、旋转式()和转换属性来动画图像。溢出:隐藏在父元素上，以隐藏多余的部分，使其免受图像转换的影响。当我试图复制同样的反应效果时，我会看到图像，但当我悬停时，图像不会旋转。但一切都一样吗？我在这里错过了什么？import React from 'react

浏览 8提问于2022-07-22得票数 2

回答已采纳

点击加载更多