在React中管理焦点

文章/答案/技术大牛

发布

1回答

javascript、react-jsx

我正在使用React编写一个自动完成功能，当用户选择列表中的一项时，我希望输入更新。我的问题是，当输入失去焦点时，我希望菜单消失，除非用户在菜单中选择。在我的render方法中，如果使用showDropDown，它将构建菜单组件。render方法似乎在菜单项上的单击侦听器之前被调用，并在onClick被调用之前移除它们。showDropDown && this.handleRenderSubComponents(options)} <&

浏览 2提问于2016-07-28得票数 1

2回答

"onClick“和get ref在React中添加clickListener有什么区别吗？

javascript、reactjs、events、frontend

直接向组件添加clickListener设置ref，然后添加clickListener ReactDOM.findDOMNode(this.refs.grid).addEventListener('click', this.state.event); ReactDOM.findDOMNode(this.refs.grid).removeEventListener('clic

浏览 2提问于2018-07-08得票数 0

2回答

使用Redux和React在焦点改变时添加类

javascript、reactjs、redux

我正在尝试向div添加一个类，使用Redux和React包装焦点上的输入。我的React组件如下所示： <div className="" onChange={onChange} value={value} />)

浏览 1提问于2016-05-12得票数 4

回答已采纳

1回答

"onFocus“支柱在两个文本字段之间没有正确更改。

reactjs、onfocus

当我按textField2和textfield2中的"Enter“键时，状态会发生适当的变化，但是光标不会在文本字段之间移动。 constructor(props) { super(props

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

回答已采纳

1回答

如何在使用react-select和react refs时获取ref.current dom元素？

reactjs、react-select

我有一组使用react-select包- https://react-select.com/home的react选择。我有一个组件，它包装了三个react-selects -基本上类似于： import Select from "react-select" function SelectGroup(){空格键和enter键应该允许用户将焦点转移到下一个选择元素。箭头键应该允许用户转到下一个或上一个选择。因此，需要以某种方式<

浏览 43提问于2021-05-01得票数 1

回答已采纳

2回答

未找到名称为"focus“的命令

react-native

当我点击textinput时，会出现这个错误。我不知道为什么

浏览 6提问于2020-07-18得票数 5

2回答

使用jQuery/Plain Javascript from Chrome扩展修改React组件的状态

javascript、jquery、reactjs

在Facebook的广告管理器(使用React)中，我希望将文本区域字段的值更改为chrome扩展生成的值。我试着用老办法这样做这会改变屏幕上的值，但在chrome的inspect元素中，值不会改变，当我将焦点放在下面是react组件的外观：下面是react组件属性和状态的图片：在上面的组件中</

浏览 2提问于2016-12-15得票数 16

1回答

React查询: setQueryData之后的回调

javascript、reactjs、react-query

在一种形式中，在收到来自服务器的响应后，我使用更新缓存。但是，在缓存更新之后，我想再次触发表单输入字段。在我的React应用程序中，我使用来管理状态。React Query用于获取和缓存数据。我规范数据和存储在反冲状态，反应组件订阅更新。如何在刷新缓存后触发表单输入焦点？

浏览 10提问于2022-07-22得票数 1

3回答

单击SemanticUI按钮后仍处于活动状态

javascript、reactjs、jsx、semantic-ui

import React from 'react' const ButtonExampleShorthand =是否有可能使其在单击后立即恢复到初始状态(浅灰色)？

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

回答已采纳

2回答

在React中编辑表值后如何重新定位？

javascript、html、css、reactjs、antd

我使用React创建了一个UI。有两个文本字段可以输入值，输入并保存后，这些值将填充到这两个字段下面的表中(我们使用antd进行设计)。但是，当我单击表中的一条记录并在该特定记录中单击edit时，该记录中的数据将填充到上面提到的文本字段中。当这种情况发生时，我希望我的应用程序滚动起来，并显示这两个文本字段，这是准备好进行编辑。

浏览 4提问于2019-10-11得票数 0

2回答

React Native:取消键盘并将焦点保留在TextInput中

react-native

我尝试了所有的方法，但当我关闭键盘时，焦点也会变得模糊。但是当我想让用户将信息粘贴到TextInput上时，我不愿意显示软键盘。

浏览 10提问于2017-01-17得票数 4

1回答

反应绑定到reactDOM之外的HTML元素

javascript、reactjs、mathjax

这是在react组件中呈现的，但是，MathJax与react完全不兼容。谢谢你的帮助，投入！

浏览 0提问于2018-09-24得票数 2

回答已采纳

1回答

在React中通过父焦点管理子组件可见性

javascript、reactjs

我在React中有一个搜索输入组件，它也有很多选项。我希望选项框在输入集中时出现，或者在输入框中有交互时出现。当框的搜索输入之外的某个内容被聚焦时，此框应消失。所以，它的行为就像一种非常标准的行为。选项框中的某些操作会导致另一个组件在框内呈现，因此焦点丢失(浏览器将<body>作为焦点)。我的组件认为它意味着隐藏选项框。焦点转到<body>，如果不手动聚焦搜索输入，然后再聚焦，我就不能再隐藏选项框。是否有一些技术来管理

浏览 3提问于2021-11-29得票数 0

2回答

如何使用javascript或react模糊输入字段？

javascript、html、reactjs

我在一个react组件中有一个输入元素，这可以使用querySelector获得焦点。现在，在其他组件中，我希望从相同的输入元素中移除焦点。 class Popup extends React.PureComponent { return { <OverlayComponent:not([type=file]),text

浏览 0提问于2019-11-04得票数 3

1回答

反应:在显示模态时，不能给函数组件提供参考。

reactjs、redux、react-redux、material-ui

该模型在hashRouter in App.js下呈现。当其状态isOpen为真时，将显示该模态。import { compose } from "redux"; import PropTypes from "p

浏览 1提问于2019-07-18得票数 6

回答已采纳

2回答

世博会:如何检测WebBrowser实例何时被用户关闭？

react-native、event-handling、expo

以下是一个非常简化的版本： FC, useEffect, useState,import * as Linking from 'expo-linkingexpo-web-browser'; Button,import { View, } from 'react-nat

浏览 2提问于2021-10-01得票数 4

2回答

使用onBlur在React组件中设置焦点

reactjs、typescript、event-handling、onblur、onfocus

我在React组件中附加了一个onBlur事件处理程序，在该组件中，逻辑将焦点设置为目标元素(并将其写入TypeScript)。emailBlur(e: React.FocusEvent<HTMLInputElement>) { e.preventDefault(input type="email" onBlur={this.emailBlur} /> 此外

浏览 2提问于2017-10-26得票数 2

回答已采纳

1回答

如何坚持断断续续的“反应-选择”文本？

reactjs、react-select

我使用下面的代码来呈现一个多选择的react-select组件。但是我发现，当我在选择任何项目之前键入任何字符并保留焦点时，字符不会被持久化。import React from 'react'; import makeAnimated from 'react-select我输入f并将焦点移到其他组件上。然后，f将从select组件<

浏览 3提问于2019-06-04得票数 0

回答已采纳

1回答

无法在Primereact中的Dropdown组件上设置焦点

javascript、reactjs、autofocus、primereact

我试图将焦点设置在primereact的"Dropdown“组件上，但焦点不是"Dropdown”组件。我使用了中给出的autoFocus属性。然后我尝试使用react ref来设置焦点。

浏览 1提问于2019-05-28得票数 0

1回答

反应:如何将推荐信转发给多个孩子？

reactjs

我试图将多个引用转发给多个子DOM节点：为什么还有另一种解决办法？ references = Array(7).fill(React.createRef());

浏览 2提问于2018-12-11得票数 11

回答已采纳

点击加载更多