在Ref div React Hooks + Typescript中处理鼠标事件

文章/答案/技术大牛

发布

3回答

reactjs、typescript、react-hooks、dom-events

我有一个工作代码来处理我的自定义dropdown元素的外部点击。我就是没法让TypeScript停止抱怨。

浏览 37提问于2020-08-22得票数 0

2回答

如何测试可以将html元素的引用传递给它的react挂钩

reactjs、react-hooks、react-hooks-testing-library

我有一个自定义钩子，它可以将一个可选的ref作为对象的属性传递给它，该钩子接受该对象作为参数： useEffect(() => {代码可以工作，但我现在正在尝试使用react-testing-library和库来编写测试我正在使用中的renderHook，但我不知道如何在组件外部创建引用或模拟引用。it(&#

浏览 20提问于2019-08-05得票数 4

1回答

在react原生中有响应鼠标悬停事件的东西吗？

javascript、react-native

使用最新的react本机库。在react native中，有没有一种方法可以响应鼠标悬停在组件上？我在库中找不到任何使用此功能的组件

浏览 34提问于2020-07-13得票数 0

回答已采纳

1回答

TypeError: links.map不是函数React

json、reactjs、typescript

我正在使用reactjs typescript，在尝试显示来自服务器的JSON数据时，似乎无法阻止此错误：const [links, setLinks] = useState([]); const ref} catc

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

回答已采纳

5回答

埃斯林特没有显示警告-反应

reactjs、typescript、eslint、prettier

在我的新项目中，ESLint没有像以前那样输出警告，而是使用VSCode。如果我的代码中有一个未处理的变量，它将不再显示终端输出中的警告。只在“问题”选项卡中。 }, "react", "@typescrip

浏览 2提问于2021-02-08得票数 7

1回答

[TYPESCRIPT]：react/require default-props在我的.eslintrc配置中不能正常工作

reactjs、typescript、eslint、eslint-config-airbnb

我在typescript中以这种方式设置默认属性 message?: string, <div>mybox error</div>} ] &q

浏览 7提问于2020-09-29得票数 0

1回答

如何添加转换关闭模态在反应和如何关闭时，点击以外的模态？

javascript、css、reactjs

我是一个新的学习者，仍然是在反应和尝试在我的项目中实现模式的初学者。这里有两个问题。.show .modal-parent { animation-durationApp.js文件在这里：import "./App.css"; import Car

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

回答已采纳

1回答

反应钩子/详尽的TypeScript错误

reactjs、typescript

TypeScript的新手&对我的反应如此宽容，但却得到了：适用于： useEffect在useCallback上进行一些读取&我试

浏览 11提问于2022-04-25得票数 -1

回答已采纳

1回答

尝试在typescript中使用React* useref时出错*

javascript、reactjs、typescript

使用React和typescript，我正在构建一个选项卡组件，您可以使用overflow: scroll set从左到右滚动顶部的选项卡链接。这适用于触控板，但我需要为鼠标用户实现一个方法，以便他们可以单击并滚动，就像下面的代码一样：，我目前所拥有的选项卡链接的代码如下所示： <divdiv是需要通过触控板和鼠标(单击并拖动)水平滚动的div 我的第一次

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

1回答

测试鼠标向下事件外反应组件: Jest +酶

javascript、reactjs、jestjs、enzyme

我希望使用Jest和酶法编写一个测试，测试一个具有事件侦听器的组件，这样当一个mousedown事件发生在给定的html元素之外时，就会发生更改(在本例中，状态值被切换)。显然，我认为<div />不是我在用map.mousedown({ target: <section /> });模拟鼠标向下事件时应该提供的正确值。如何正确地模拟在组件之外发生的鼠标向下事件？setState] = <e

浏览 1提问于2019-10-29得票数 0

回答已采纳

1回答

如何在React中创建可调整大小的组件

reactjs

我想要创建一个React组件，这样我就可以通过拖动来调整宽度-就像windows操作系统中的窗口一样。处理这个问题的最佳方法实际上是什么？编辑首先，我在容器的右上角放置了一个"dragger“元素。当我按下该元素上的鼠标时，我希望创建一个mousemove事件侦听器，它将修改光标相对于容器边缘的初始X位置的X坐标的containerWidth。我已经让事件侦听器在按住鼠标按钮后向我发

浏览 2提问于2020-03-21得票数 1

回答已采纳

1回答

React中的onMouseover和onMouseOut事件处理

javascript、html、css、reactjs

我是React-Js的初学者，我在onmouserover和onmouseout上使用了一些事件处理。onMouseOut={hideUpdateRow}> <td> <div}}>

浏览 10提问于2019-03-04得票数 1

1回答

用TypeScript注释自定义反应钩

reactjs、typescript、react-hooks

我有一个自定义的React，它监视特定元素外部的单击。它工作得很好，但是我在一些地方很难让TypeScript开心。import React, { useEffect } from "react"; }; 第一个问题区域在App.js中<

浏览 3提问于2021-10-24得票数 0

回答已采纳

4回答

参数'e‘隐式具有'any’类型的React TypeScript

reactjs、typescript、react-props、tsx

我正在尝试在React TypeScript文件中实现这一点： export class MainInfo extends Component<IProps>{ }; const { values1, handleChange } = this.props <div} onSubmit={(data)

浏览 575提问于2020-04-17得票数 8

1回答

使用ForwardRef时在TypeScript中转换AbstractComponent

javascript、reactjs、typescript、flowtype

我有很多使用Flow中内置的forward refs的组件： const ComponentWithRef: AbstractComponent<Props, HTMLInputElement> =forwardRef< HTMLInputElement, useImperativeHandle(ref, () => in

浏览 27提问于2021-10-28得票数 2

3回答

将注意力集中在div上，而不单击in React，以启用模块上的键盘导航。

reactjs、focus

我希望使用左箭头和右箭头在图片之间导航，不只是使用屏幕上添加的箭头(onclick)，而是在我单击一次时它只聚焦于该模式，然后我也可以用键盘导航(onKeyDown)。我在div中添加了tabIndex="0“，但我仍然需要单击div一次才能专注于它。<div tabIndex="0" onKeyDown={(event) => this.onKeyNavigation(event, ImageUrl, currentIndex

浏览 0提问于2018-11-13得票数 5

回答已采纳

2回答

在“IntrinsicAttributes”错误上获取属性'ref‘不存在

javascript、reactjs、typescript、react-hooks

我在React和TypesSript中实现了一个链接，单击后，滚动到正确的组件，我将使用useRef Hook。但是当我这样做的时候，错误就会发生：下

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

回答已采纳

1回答

悬停的CSS效应

css、reactjs

我是在动画的反应应用程序。我需要动画工作后，悬停后，。我尝试了：：之后，但是不起作用。动画可以工作后悬停在图像上，但我需要开始后悬停关闭。悬停在图像上后，图像的颜色可以改变，按钮可以显示为好的，但是在悬停后，动画应该开始工作，按钮开始向下移动，不能工作。我怎么能这么做？<div class={classes.content}> <img src="https://budgetreno.ca/wp-content/uploads

浏览 2提问于2022-05-01得票数 3

6回答

如何通过另一个DOM触发输入文件事件REACTJS

javascript、reactjs

我有一个输入按钮和输入文件，我想单击按钮，它将在REACT .中触发输入文件事件然后按钮React.createElement('a',{onClick: this.doClick},'Select File') 那么，当我们单击A HREF时，如何定义和触发输入文件单击事件</em

浏览 8提问于2015-09-07得票数 23

回答已采纳

1回答

带有类型记录和反应本机的ForwardRef错误

javascript、typescript、react-native

在使用时，我得到了一个错误const MyComponent= React.forwardRef((props: Props, ref: any) => ...在React本机中，父组件抛出此错误： Invariant Violation: Element type

浏览 0提问于2018-05-10得票数 8

回答已采纳

点击加载更多