createRef().current在React中为空

文章/答案/技术大牛

发布

1回答

javascript、reactjs

我正在创建这样的ref class ViewStorageGroups extends Component { } 我使用React的CSVLink组件将数据下载为csv。将为空。同样的实现出现在我的代码库中的其他地方，并且工作正常。我不知道哪里出错了，我也试过在componenentDidMount和构造器中初始化csvLink = <

浏览 227提问于2021-09-23得票数 0

1回答

打字本中的React.createRef当前类型

javascript、reactjs、typescript

我试图找出输入React.createRef的内容。标头是一个自定义组件。header.current总是说完全编码： const header =

浏览 4提问于2020-06-04得票数 4

回答已采纳

2回答

无法在reactJS Typescript中获取输入值

reactjs、typescript

我刚开始使用Typescript，在尝试console.log输入字段值时遇到错误。有什么建议吗？代码：类注册扩展了Component<{}，userState> { state = {} passwordEl= createRef<HTMLInputElement>() confirmpasswordEl= createRef<HTMLInputElement&

浏览 30提问于2020-06-25得票数 0

回答已采纳

2回答

在React.js应用程序中，我发现: TypeError: Cannot set property 'onclick‘of null

javascript、reactjs

我正在尝试建立一个网页，有一个计算器上它与react.js。但是这条消息一直出现，我不认为将相关的JS代码移动到我的脚本的末尾会有帮助(或者可能我没有找到一种适当的方法将它放在末尾)，因为react.js在末尾需要一个返回部分。如何修复它？先将操作符前的操作数加入到数组中(判断是否为空) // 3.： import R

浏览 46提问于2021-02-12得票数 0

1回答

在我的呈现函数中有一个function chartjs-2元素，我给React.createRef()指定了一个ref，但是我的参考文献上的当前属性为null。从“react”导入React，{ Component }；const LineChart =.Line(‘react-chartjs-2’).Line；类App扩展组件{构造函数(Props){ super(props)；this.chartRef =

浏览 0提问于2018-04-21得票数 0

回答已采纳

1回答

道具从redux操作更改后，React类组件未重新呈现

javascript、reactjs、redux

在redux中成功更新状态后，组件不会重新呈现。我曾尝试在componentShouldUpdate中执行一些条件，但最终在没有更改的情况下加载true reducer.js import * as types from ".组件 class IntroPage extends Component { super(props);

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

回答已采纳

1回答

React- createRef() Api - this.child.current为空

reactjs、reference、ref

按照中的“向类组件添加引用”示例，下面是我在代码中尝试的内容： constructor(props) {super(props); this.state = { }else null

浏览 3提问于2018-04-23得票数 6

2回答

使用createRef在react本机与类型记录？

reactjs、typescript、react-native、react-ref

我试图弄清楚我需要如何使用React.createRef()来对类型记录进行本机反应，因为下面的代码会抛出错误 this.circleRef.current.setNativeProps({当前，引发this.circleRef.current.setNativeprops的错误如下 ts对象可能是'null‘。(属性) <

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

回答已采纳

4回答

如何使用React.createRef()流？

reactjs、flowtype

因为React 16.3，所以可以使用来访问DOM元素。我也在我的项目中使用，但是。不幸的是，以下代码失败了：import * as React from 'react'; myRef: React.Ref<HTMLDivElement> constructor(props:

浏览 1提问于2018-04-28得票数 23

回答已采纳

1回答

反应中的亲子关系

reactjs

我在使用ReactJS解析Refersto子类时遇到了一些问题class App extends Component { returnContact ref={(Contact) => { this.contactref = Contact }} /> );} 我希望我的<Navbar />中的一个子组件检索ref，使它使用react-scroll-to-

浏览 0提问于2019-01-31得票数 0

回答已采纳

1回答

我试图在react中使用ref访问元素内部的元素(mui模式)，但是对元素的引用是空的。

javascript、reactjs、material-ui、ref、react-ref

我正在尝试访问组件，确实挂载了生命周期方法，但是它显示为null。如果我移除模态，它就会像预期的那样工作，但是内部模式引用不能正常工作。谢谢。我试过跟随，但它总是显示为空。import React, { Component } from "react"; Modal, Fade,} from "@Component { super(props);

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

3回答

从父类调用子方法- React* typescript*

reactjs、typescript、react-redux

class Example extends React.Component<Props, State> { ...

浏览 1提问于2018-10-12得票数 1

回答已采纳

2回答

如何在React.createRef()方法上设置初始值？

javascript、reactjs、use-ref

我使用ref (当前滚动值)管理组件中的滚动。我不能使用state和setState，因为当用户滚动时，setState方法会使事情变得非常不稳定和不可能。因此，我决定使用不重新呈现组件，而是在组件重新呈现时保存值的render。我的问题是我不能为这个引用设置一个初始值。由于我使用的是类组件，所以我不能使用简单的useRef react钩子，它允许很容易地设置初始值.相反，我使用React.createRef()，但是当我将值放在括号()中时，它似乎并没有注册它，直到用户滚动时才定义它

浏览 5提问于2021-07-30得票数 4

回答已采纳

3回答

React.js useRef / createRef当前滚动始终为空

javascript、reactjs、react-router、react-ref

我在分配对div的引用时遇到了问题。我想滚动到此引用的div，但.current的值始终为空/未定义。} from 'react-router-dom'; componentDidMount, { useRef, Component, createRef } from 're

浏览 85提问于2020-10-11得票数 0

1回答

如何在两个组件上使用refs与redux的连接？

reactjs、redux、react-redux

import {connect} from "react-redux";class ComponentB extends Component { alert

浏览 0提问于2018-09-27得票数 1

回答已采纳

1回答

如何在componentDidUpdate中重新生成createRefs？

reactjs

然而，当组件更新时，我所有的ref都变成空的。现在我知道这实际上是故意的行为，因为内存泄漏(等等)。但在这种情况下我并不关心。现在，我所有的create ref代码都是在构造函数中调用的，但是当我尝试重新创建ref时，它们总是空的。我在组件的构造函数中生成ref： super(props); this.eventRefs = props.events.map(() => React.createRef

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

2回答

将参考文件传递给组件道具，然后在div单击React.createElement时将焦点放在输入元素上。

javascript、reactjs、jsx

基本上，当我单击div时，我试图让游标集中在输入元素上，但很难弄清楚它是如何工作的。 type: 'text', value: title,

浏览 1提问于2018-08-28得票数 0

回答已采纳

1回答

如何通过物料界面在单独的文本字段中粘贴数字？

reactjs、material-ui、textfield

我在react项目中使用material-ui。我想复制一个数字并粘贴到多个文本字段中。const [otpArr, setOtpArr] = useState<string[]>(['', '', '', '', '', '']) let inputRefs = useRef([React.createRef<HTMLDivElement>(), Rea

浏览 29提问于2021-11-21得票数 1

回答已采纳

3回答

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

reactjs、reference

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

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

回答已采纳

2回答

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

javascript、reactjs

如何从父组件中单击子组件中的输入(打开文件对话框)？这就是我所拥有的，但我不太确定如何在点击处理程序中将其带回家。import React, { createRef } from 'react';const

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

回答已采纳

点击加载更多