这是什么React语法: inputRef?.current?.current

文章/答案/技术大牛

发布

1回答

reactjs

我在React中看到了这个代码片段。 const selected = document.activeElement === inputRef?.current?.current; inputRef?.current?.current是否等于if (inputRef !== undefined && inputRef.current !== undefined) return inputRef

浏览 99提问于2020-07-02得票数 1

回答已采纳

3回答

何时使用inputRef.current而不是this.inputRef React.js？

reactjs、reference

我对从react documentation...All访问引用的两种语法感到困惑，我想知道的是什么时候在react中使用inputRef.current而不是this.inputRef来访问引用

浏览 1提问于2018-09-01得票数 4

回答已采纳

2回答

从父类组件响应类组件的访问属性

javascript、reactjs

想象一下以下场景： render() { } const inputRef = React.useRef(); <Input ref={inputRef} />} 我想在我的然而，inputRef.cur

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

回答已采纳

2回答

按住React键并单击来自父组件的子组件中的输入

javascript、reactjs

import React, { createRef } from 'react';const;const Child = () => { <> <input type="file" ref={inputRef

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

回答已采纳

2回答

useImperativeHandle如何公开DOM和内部方法？

reactjs、react-hooks

但是我也想访问ref.current.style --例如，当使用useImperativeHandle时，它目前还没有定义--知道如何通过内部方法传递它吗？() => ({ ... ...ref上面的方法是可行的，但这是正确的方法吗(此外，我们还必须做ref.current.current，这并不是很好)function FancyInput(props,

浏览 3提问于2020-05-27得票数 1

回答已采纳

2回答

如何在Flow中输入useRef钩子？

javascript、reactjs、flowtype

在TS中，我可以这样做：但这在Flow中不起作用，我不确定用什么来代替它。onChange={handleChange} /> </>以下是错误消息： Cannot call inputRef

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

1回答

对本地钩子做出反应--创建一组参考文献

javascript、reactjs、react-native、react-hooks

此外，在以这种方式创建引用时，我也会遇到一个错误： React检测到了按%s调用的钩子顺序的变化。如果不修复，这将导致错误和错误。有什么办法吗？谢谢。

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

回答已采纳

3回答

React不使用样式组件和类型记录

reactjs、typescript、react-hooks、styled-components

对此有什么想法吗？旧的答案是指类组件中使用的ref，这是在响应钩子之前使用它的唯一方法，在当前版本的样式组件中不再支持 innerRef道具。下面是我的组件的一个示例片段：import styled from 'styled-components'; background: t

浏览 8提问于2019-09-22得票数 23

回答已采纳

4回答

当从输入中获取数字时，React计数器不会增加

reactjs、react-hooks、state、counter、ref

这是我的代码：import { useRef } from "react"; function handleClick() { setCount(

浏览 4提问于2022-10-07得票数 2

回答已采纳

1回答

反应本机TextInput自聚焦不稳定

react-native

我的TextInput也在Modal里面：问:这是一个带有TextInput组件的bug吗？import {TextInput} from "react-native"; const inputRef = useRefisFocused.current && in

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

1回答

手动设置为当前时，useRef()钩子使用哪种类型的脚本？

reactjs、typescript、react-hooks

如何通过Typescript将React引用用作可变实例？current属性的类型似乎是只读的。我正在使用React + Typescript开发一个库，它可以与React未呈现的输入字段进行交互。我想捕获对HTML元素的引用，然后将React事件绑定到它。handler on mount/ unmount inputRef.current = document.getElementById(element

浏览 15提问于2019-09-20得票数 95

回答已采纳

4回答

如何在react中动态添加输入字段

reactjs、typescript、react-functional-component

我使用的是资料UI组件对话框& OutlinedInput const [openSearchId, setOpenSearchId] = React.useState<boolean>(false); inputRef.current?.= React.useRef<HTMLInputElement>

浏览 6提问于2022-06-24得票数 1

回答已采纳

1回答

如何离开无限重造？

reactjs

当出现模糊时，我希望执行blurEvent函数，但由于inputRef.current.blur ();，它将进入无限循环。但我需要离开输入的焦点。如何解决这个问题呢？const inputRef = React.useRef(null); inputRef.current.focus({ }) inputRef.current<

浏览 5提问于2021-06-10得票数 0

2回答

使用useRef().current而不是useRef()有什么区别吗？

javascript、reactjs、react-native

关于使用useRef钩子在React中声明引用，我有一个问题。 const inputRef = useRef(null).current; 这是： ?？例如： a

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

回答已采纳

1回答

如何使用useRef获取中的单击元素

reactjs

这是怎么回事？这是反应中的错误吗？"0px" : `${content.current.scrollHeight}px`); console.log(id);

浏览 6提问于2020-04-07得票数 0

回答已采纳

2回答

可以使用useRef钩子空输入值吗？

javascript、reactjs、react-hook-form

submit按钮时，它工作得很好，但是输入字段仍然有我编写的工作在useRef有什么方法可以帮助我清空输入字段吗这是密码 const inputRef = useRef() e.preventDefault() const todoRef = fire.database()

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

回答已采纳

1回答

React access组件库的子DOM

javascript、reactjs

const MyCustomComponent = (props) => { {React.cloneElement当组件是react元素时，类型是前向引用。> children: ref: null > type: {$$typeof: Symbol(react.forward_refNo reference of DOM

浏览 3提问于2021-04-16得票数 0

回答已采纳

1回答

反应性本机查看器中的自动焦点输入

reactjs、react-native、android-viewpager、react-navigation、react-native-elements

请注意，移动到下一页发生在按下按钮，而不是通过正常滚动，这是禁用的。 ref.current?.: React.RefObject<Input> = React.createRef(); if (props.pagerFocusIndex === props.index) {inputRef.current?.不幸的是，

浏览 1提问于2020-08-27得票数 0

回答已采纳

2回答

在React* js中单击enter键时触发onblur事件*

javascript、reactjs、input、focus

我有一个输入文本字段。当用户输入任何文本并单击enter按钮时，我需要激活blur事件来移除焦点并验证文本输入。 <input style={{marginTop:'20%', marginLeft:'40%'}} value={value} type="text" onFocus={onFocus} onChange={e => setValue(e.target.value)} onKeyPress={handleKeyPress}/>

浏览 76提问于2019-05-20得票数 7

回答已采纳

1回答

使用React* State和UseEffect控制输入字段焦点*

javascript、reactjs、react-hooks

const Focus = () => { const inputRef = useRef() if (focused) { } else { }, [focused]) <d

浏览 0提问于2021-07-02得票数 1

点击加载更多