具有相同ref，React的多个元素
具有相同ref的React多个元素是指在React中，可以使用相同的ref属性来引用多个元素。ref属性用于获取对DOM节点或React组件实例的引用，以便在需要时可以直接操作它们。
在React中，ref属性可以用于两种情况：
- 字符串形式的ref（不推荐使用）：class MyComponent extends React.Component { constructor(props) { super(props); this.myRef = React.createRef(); }
componentDidMount() { console.log(this.myRef.current); // 输出对应的DOM节点 } render() { return <div ref={this.myRef}>Hello World</div>; }}
在上述示例中，通过使用React.createRef()方法创建了一个ref对象，并将其赋值给组件的实例属性myRef。然后，将该ref对象通过ref属性传递给<div>元素，从而获取对该DOM节点的引用。
- 回调形式的ref（推荐使用）：class MyComponent extends React.Component { constructor(props) { super(props); this.myRef = null; }
componentDidMount() { console.log(this.myRef); // 输出对应的DOM节点 } setRef = (ref) => { this.myRef = ref; } render() { return <div ref={this.setRef}>Hello World</div>; }}
在上述示例中，通过定义一个回调函数setRef，将DOM节点作为参数传递给该函数，并在函数内部将其赋值给组件的实例属性myRef。然后，将该回调函数通过ref属性传递给<div>元素，从而获取对该DOM节点的引用。
具有相同ref的React多个元素可以在以下情况下使用：
- 同时操作多个相似的元素：如果需要对多个相似的元素进行相同的操作，可以使用相同的ref来引用它们，并通过遍历ref数组来进行批量操作。
- 获取多个元素的位置信息：如果需要获取多个元素的位置信息（如坐标、宽高等），可以使用相同的ref来引用它们，并通过遍历ref数组来逐个获取位置信息。
- 控制多个元素的显示与隐藏：如果需要控制多个元素的显示与隐藏状态，可以使用相同的ref来引用它们，并通过遍历ref数组来逐个控制它们的显示与隐藏。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯会议：https://cloud.tencent.com/product/tc-meeting
相关·内容
我正在尝试使用ref制作一个可编辑的表。
在这种情况下，我只能通过ref获得最后输入的值，但是为它创建了多个引用。
为什么有什么想法？
如果你需要更多的信息，请告诉我。
import React, { useRef } from "react";
import ReactDOM from "react-dom";
import "./styles.css";
const Table = props => {
const materials = Array(7).fill({
a: "a",
b: &#
浏览 1提问于2019-07-15得票数 1
回答已采纳
1回答
我很难按desc顺序从firebase和javascript返回一个对象数组，并使用react本机。我本质上是“加入”两个火种父母，然后把他们推入一个数组。
async loadChats(userId){
this.chatIdRef = firebase.database().ref("members");
this.chatIdRef.off();
this.chatsRef = firebase.database().ref("chats");
this.chatsRef.off();
items = [];
this.chatIdRef
浏览 3提问于2017-07-06得票数 1
2回答
具有这样简单的React (带有react-hook-form库)表单
import React, { useRef } from "react";
import { useForm } from "react-hook-form";
export default function App() {
const { register, handleSubmit, formState: { errors } } = useForm();
const firstNameRef1 = useRef(null);
const onSubmit = data
浏览 9提问于2022-03-22得票数 0
2回答
我遇到过一些不同的文章，它们说参考文献是代替#id选择器的“反应方式”。我不知道为什么。使用参考文献代替#id的解释是什么？
import {useRef} from 'react';
function Home() {
const exampleRef = useRef(null)
return (
<div ref={exampleRef}> Hello world </div>
)
}
export default Home;
与
function Home() {
return (
<div id=&#
浏览 7提问于2022-05-07得票数 0
我在控制台中得到了上面的错误，尽管我正在正确地返回要呈现的组件。以下代码中的errorTexts = ["email is invalid"]值
if(@state.errorTexts.length>0)
dangerouslySetInnerHTML: {
__html: ReactDOMServer.renderToString(
React.createElement AdminError, errorTexts: @state.errorTexts
)
浏览 5提问于2016-03-14得票数 1
回答已采纳
1回答
我想使用一些其他元素的高度来动态设置一些元素的高度。不幸的是，我不知道如何获得对“源”对象的引用，并且总是陷入无限循环。这就是我到目前为止所尝试的。TimelineData只是一个简单的对象，具有几个用于填充元素的属性：
const TimelineElement : React.FC<{data: TimelineData, ref : any}> = ({data, ref}) => {
return <div className="timeline-element" ref={ref}>
<div className=
浏览 0提问于2021-10-27得票数 0
3回答
排序一个散列数组
、、
在转储时，我有一个具有以下数据结构的引用：
VAR1 = [
{
'0' => 0
},
{
'1' => 1
},
{
'-1' => 2
},
{
'2' => 3
},
];
我试图循环它们，并最终按键排序。下面是我的代码示例：
use str
浏览 4提问于2014-10-31得票数 1
回答已采纳
我的地图使用@googlemaps/react-wrapper，其中一个正在使用heatmap库，另一个则没有，尽管它们位于不同的页面上，但当用户在页面之间导航时，它仍然会崩溃。
Loader must not be called again with different options. {"apiKey":"***","id":"__googleMapsScriptId","libraries":[],"url":"https://maps.googleapis.com/maps/api
浏览 6提问于2022-09-28得票数 0
我发现React.forwardRef似乎是从react文档中将ref传递给子功能组件的认可方式：
const FancyButton = React.forwardRef((props, ref) => (
<button ref={ref} className="FancyButton">
{props.children}
</button>
));
// You can now get a ref directly to the DOM button:
const ref = React.createRef();
<F
浏览 1提问于2019-10-27得票数 88
回答已采纳
2回答
有没有一种在不破坏封装的情况下进行类似以下操作的规范方法？
import React, { Component, PropTypes } from 'react';
class Dashboard extends Component {
constructor(props, context) {
super(props, context);
this.setRef = ::this.setRef;
}
componentDidMount() {
const node = ReactDOM.findDOM
浏览 3提问于2016-04-19得票数 6
回答已采纳
我可以创建svg及其所有组件的子组件(如rect等)。在react应用程序中使用js。然而，我不能给一个元素赋予ref属性。如果我看到生成的源代码，它的ref=object对象，因此它不能工作。在appendChild之后，在componentDidMount中调用代码。所以它应该可以工作，因为它已经在DOM中呈现了(不是吗？)。ref可以很好地处理svg元素(如果不是动态创建的)。有人能给我指引正确的方向吗？ 即使使用React的createElement函数: React.createElement('rect'，{key："myKey"，width: 1
浏览 70提问于2019-06-06得票数 0
我试图使用父组件中的ref来侦听子组件中的某些ref事件，其中ref使用React.forwardRef连接到子组件。然而，当我引用ref.current时，我在子组件中收到了一个令人毛骨悚然的抱怨，它说：
属性'current‘在类型'Ref’上不存在。属性“current”不存在于类型上(例如: HTMLDivElement) => void‘
如何在React.forwardRef组件中引用ref？谢谢。
index.tsx:
import * as React from "react";
import ReactDOM from "
浏览 5提问于2020-06-06得票数 30
回答已采纳
1回答
猫鼬重复索引
、、
我使用数组来存储ObjectId的，但是即使是重复的Id也被保存了
const mongoose = require('mongoose');
const Schema = mongoose.Schema;
const as = new Schema({
aId: [{
type: Schema.Types.ObjectId,
ref: 'js',
}],
jId: {
type: Schema.Types.ObjectId,
浏览 1提问于2017-01-20得票数 0
回答已采纳
2回答
我有一个react组件，当我尝试分派redux操作时，它会抛出一个错误。以下是组件：
import React from 'react';
import { connect } from 'react-redux';
import { createBook } from './actions/books';
import './InputForm.css';
export class InputForm extends React.Component {
onFormSubmit(event) {
浏览 0提问于2018-02-01得票数 1
回答已采纳
我有一个侧板，上面有列出的物品。当列表项内容溢出时，会出现展开按钮，然后单击该展开按钮，btn将显示列表项的全部内容。
为此，我创建了一个可扩展的组件。这将在列表项内容溢出并单击arrow_down显示arrow_up时显示arrow_up。
但是，使用下面的代码，单击按钮1只会使侧面板消失而不是arrow_up出现。有人能帮我解决这个问题吗。谢谢。
export default class Expandable extends React.PureComponent{
constructor(props) {
super(props);
this.ex
浏览 2提问于2019-04-15得票数 1
回答已采纳
我有一个排序的int数组和一个avl树。数组数据是原始数据集，树由数组元素形成。需要获取树中缺少的或原始数组中多余的元素的列表，并通过删除或添加树中的元素来使树类似于数组。
示例1：
int orig[5] = {10, 20, 25, 30, 40};
ref_tree = 10, 20, 25, 30, 35, 40, 50
Delete from tree: 35, 50
示例2：
int orig[6] = {10, 20, 25, 30, 35, 40};
ref_tree = 10, 20, 25, 35
Add to tree
浏览 23提问于2019-04-16得票数 0
1回答
我对ReactJS非常陌生，我非常喜欢它，但是有一些东西，比如绑定，在角度上似乎更容易。
我想要一个表单，用户可以点击一个按钮来添加额外的输入字段。在任何时候，他们也可以“删除”一个输入字段。
在提交时，我希望将这些输入作为数组获得，即将dynamicInputs传递给包含name数组的API。
这就是我所做的(这可能是错误的，因为我对待的反应就像棱角分明)：
var React = require('react');
module.exports = React.createClass({
addInputField: function(e) {
e
浏览 2提问于2015-04-15得票数 2
回答已采纳
我正在尝试验证我的页面是否为HTML5 (W3c)。我有以下错误："img“元素在这里是不允许的(作为"noscript”元素的子元素)。当"head“的子元素是"noscript”元素时，它必须只包含以下子元素："link“、"style”和"meta“。
On site 对我的代码的建议：“将升级后的代码片段复制并粘贴到<head>；和</head>；之间。例如，要跟踪注册，请将代码放在您的‘注册已完成’网页上。”
请参考源码：
<head>
<script type="text/ja
浏览 2提问于2016-02-20得票数 6
目前，我正在使用react slick来实现它。我想用useref (ref.cuurent)访问滑块域，但是一旦模型打开，它就变成null了。你可以通过滑动它来访问它。我想这可能是因为我在一种模式下访问它。当模态打开时，我如何得到ref.cuurent？
export const index: React.FC = () => {
const [isShowHowToModal, setIsHowToModal] = useState(true)
return (
<Box>
<div>hello<
浏览 7提问于2021-12-24得票数 1
2回答
无线电参考信号
、、
我有无线电输入，想要使用ref在控制台上显示结果。
即使我选择了第一个，我也会得到第二个价值。这是构造函数
this.inputKelamin = React.createRef();
像这样呈现
<div>
Jenis Kelamin :
<input name="kelamin" type="radio" value="laki - laki" ref={this.inputKelamin}/>
Laki - laki
<input name=
浏览 9提问于2020-06-28得票数 1
回答已采纳
2回答
我试图在类型记录中转发一个ref对象，但是我面临一个问题，要正确地键入它们。
这是我的裁判和我如何通过他们在我的组成部分。
const storyRef = useRef<HTMLElement>(null);
const parcoursRef = useRef<HTMLElement>(null);
const projectRef = useRef<HTMLElement>(null);
const refs = useRef({ storyRef, parcoursRef, projectRef });
...
...
<Navbar r
浏览 13提问于2022-07-30得票数 2
我有一个自定义组件RedirectButton，它是用<button>实现的，具有react-router-dom V5提供的附加路由功能。
下面的代码不会触发handleSubmit，为什么？
return <div className="import-workspace box">
<div style={{display: "flex", flexDirection: "column"}}>
<form ref={formRef} onSubmit={hand
浏览 0提问于2021-06-03得票数 0
1回答
我有一张表格，如下：
import React from 'react/lib/ReactWithAddons';
import { server } from '../data/server';
export const Report = React.createClass({
mixins: [React.addons.LinkedStateMixin],
sendReport(event) {
event.preventDefault();
var data = {
ac: this
浏览 1提问于2016-11-23得票数 0
说：
React.cloneElement()几乎等同于：
<element.type {...element.props} {...props}>{children}</element.type>
然而，它也保留参考文献。这意味着，如果你有一个有裁判的孩子，你不会意外地从你的祖先那里偷走它。您将获得与新元素相同的引用。
所以我举了个小例子：
import React, { Component, Children, cloneElement } from 'react';
class Wrapper extends Component {
浏览 0提问于2017-03-03得票数 1
回答已采纳
我刚刚被一个运行时异常咬了一口，因为我把React引用传递给了错误的组件。
我想知道TypeScript是否/如何在这里拯救我的培根？
精简测试用例：
import * as React from 'react';
class Modal extends React.Component<{}> {
close = () => {};
}
declare const modal: Modal;
modal.close();
const modalRef = React.createRef<Modal>();
// Let's
浏览 0提问于2019-05-30得票数 1
我有一个对话组件，我在其中创建了一个参考文件，但我也想将引用从父级传递给它。我该怎么做？
import { forwardRef } from "react";
export const PopOver = ({
show = false,
...
}, ref) => {
const thisRef = useRef(null);
// dealing with UI changes with 'thisRef'
return (
<div
ref={thisRef}, // How can I ad
浏览 4提问于2022-11-18得票数 0
回答已采纳
我已经设置了React，当用户单击某一行时，它们将被带到另一个页面，但现在我在第一列中添加了一个复选框，允许用户突出显示该行，但是当我单击复选框时，它会将用户带到另一个页面，因为它会触发在单击整行时调用的函数。
我试图获取列访问器的名称，如果单击的列是第一个列，那么就不能将用户路由到另一个页面，但是我很难获得有关所选列的信息。我花了很长时间看医生，但弄不清楚。
我真的很感激任何帮助，因为我很难应付一般的React
RecordTable.js
import React from "react";
import {
useTable,
useFlexLayout,
浏览 3提问于2020-08-30得票数 2
回答已采纳
2回答
我有一个使用新的React.createRef()应用程序接口的地方，如何测试document.activeElement应该等于当前的引用。
组件：
export class Automatic extends Component {
componentDidMount = () => this.focusContainer()
componentDidUpdate = () => this.focusContainer()
container = React.createRef()
focusContainer = () => this.
浏览 2提问于2018-06-06得票数 5
我正在使用react-dropzone，我想让文件上传对话框在页面加载时自动打开。
我写了以下代码，但我不能理解如何让它自动打开，这将是我在ref上做了一些错误的事情，因为我可以访问它的属性。
你能帮我一下吗？
链接：
import React from "react";
import { useDropzone } from "react-dropzone";
import { Chip } from "@material-ui/core";
import { AttachFile } from "@material-ui/icons&
浏览 39提问于2021-04-24得票数 1
根据react文档，将ref传递给子组件的正确方法如下：
import React from 'react';
const Input = React.forwardRef((props, ref) => {
React.useEffect(() => {
ref.current.focus();
}, []);
return <input type="text" ref={ref} />;
});
export default function App() {
const inputRef = React.c
浏览 6提问于2021-11-29得票数 0
我正在尝试创建一个组件来跟踪垂直滚动。问题是-实际滚动容器很难预测(在这种特定情况下，它既不是window、document，也不是body --由于CSS溢出规则，它是div#__next )。
我想保持组件的灵活性和自制力。所以我用DOM选择器作为参数创建了一个ref。我知道它远不是惯用的(至少可以这么说)，但令人吃惊的是，它似乎正在起作用：
// Parent component
import { useRef } from "react"
const Article = (props) => {
const scrollContainerRef = useR
浏览 3提问于2022-01-12得票数 3
回答已采纳
下午好。
我对XML、XSD和XSLT相当陌生，我面临着以下问题:我在XSD中有以下子结构，这个子结构可以多次出现，这是一个大得多的结构的一部分，与此无关，为了清楚起见，我将不包括在内：
<xs:complexType name= "listavotosmocao">
<xs:choice maxOccurs="unbounded">
<xs:element name="favor" type="pessoaref"/>
<xs:element name="cont
浏览 6提问于2013-11-17得票数 1
回答已采纳
假设我有一个像这样的角2的分量。
@Component ({
directives: [Timeline, VideoPlayer],
template: `<div>
<span id="myId"></span>
<videoplayer [mode]="mode"></videoplayer>
<timeline [mode]="mode"></timeline>
</div>`,
})
export cl
浏览 3提问于2016-01-06得票数 26
回答已采纳
我有一个组件，它生成带有行数据的表(<tr>等)。基于通过AJAX调用检索的数据数组。所有操作都很适合编辑和添加数据，但我无法确定如何创建数组的不同副本(包含的对象的不同副本--通过val而不是ref)，以便当我删除指定的数据行时，适用的行将从表中删除。
目前，因为包含的对象都是ref，所以即使我复制数组时，我的表也删除了最后一行(尽管在AJAX调用中行索引和数据都被正确引用和删除)。
handleRowDelete: function(rowIdx) {
// Correct row
var row = this.state.data[rowIdx];
浏览 4提问于2015-03-10得票数 14
回答已采纳
1回答
很抱歉有这么长的问题。我会尽量让它变得简单。我们正在研究一个模块化的计算框架。框架从xml文件中读取配置，我们希望根据xsd验证配置。在添加新模块时，我们希望xsd在可维护性方面尽可能简单。框架的结构如下(在c#中)：
interface IModule { ... }
interface ISource : IModule { ... }
interface IFilter : IModule { ... }
interface IProcessor : IModule { ... }
我们有各种模块接口的抽象实现和模块的实现(例如ObjLoader : AbstractSource)。xm
浏览 1提问于2016-04-13得票数 1
回答已采纳
2回答
我在使用React创建表单时遇到了一个奇怪的问题(但React很可能不是特定的)。表单由一个输入、下面的一个错误提示和一个按钮组成，所有这些都是垂直堆叠的。输入集中在组件挂载上，当用户在输入之外单击时，可能会出现错误提示。当输入被聚焦并且用户试图单击按钮时，它会失去焦点，这可能会导致提示出现。该提示会将按钮向下推，从而阻止按钮的单击事件注册，从而导致糟糕的用户体验。 有没有办法在输入失去焦点之前强制按钮被点击？ 我在这里复制了这种情况：https://jsfiddle.net/tacticalteapot/b40hLv3c/4/ 来自小提琴的代码： function App() {
co
浏览 14提问于2021-07-22得票数 0
回答已采纳
2回答
我有一个带React Redux的导航栏和一个导航栏。我正在尝试将一个机器人添加到我的列表中，当我单击add robot按钮后，它会出现，页面开始刷新，我添加的机器人消失。我如何才能停止页面上的刷新。我尝试过使用e.preventDefault，但它不起作用！ import React from 'react';
const AddRobot = ({
name,
nameChange,
addToList
}) => {
const emailInput = React.useRef();
const nameInput =
浏览 14提问于2020-01-22得票数 0
回答已采纳
1回答
我知道我能做到
<div ref='container' />
然后
this.refs.container.getBoundingClientRect()
但我不能这么做
import Thumbnail from 'react-bootstrap/lib/Thumbnail'
<Thumbnail ref='thumbnail' />
this.refs.thumbnail.getBoundingClientRect()
因为this.refs.thumbnail不会返回一个HTML。我怎样才能得到缩略图的大小？
浏览 2提问于2016-12-27得票数 4
回答已采纳
1回答
我不知道是否可以使用单个事件处理程序来设置多个输入的状态。也就是说，我不知道如何从输入中获得状态“键”到处理程序中，如果这是有意义的话。
import React from 'react';
class User extends React.Component {
constructor(props) {
super(props);
this.inputRef = React.createRef();
this.state = {
id: props.id,
firstName: props.firstName,
浏览 1提问于2020-02-20得票数 0
回答已采纳
我正在使用我的自定义Button组件。
在此之前，我不需要在我的按钮组件中使用ref。
但现在我必须让它支持ref。
因此，我在代码中添加了React.forwardRef()。
它工作得很好。
这是我的例子。
interface ButtonProps {
children?: string | number | React.ReactNode;
style?: CSSProperties;
className?: string;
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
浏览 10提问于2020-05-08得票数 0
回答已采纳
我正在开发一个库，它需要导出几个函数供用户调用。这些函数需要访问组件ref，以便添加/删除classNames和自动滚动等。
我能够通过将ref (由React.createRef创建)移到组件本身之外(不是在constructor之外定义它，而是在组件中)来实现它。
下面是我的代码的样子(使用类组件而不是函数作为钩子，useRef显然不能在外部使用)
import React, { PureComponent, createRef } from "react";
import { typingEffect } from "../redux/actions/
浏览 4提问于2022-03-12得票数 1
1回答
我知道如何从父类调用子方法。但是现在，当我想从另一个孩子调用一个子方法时，我遇到了一个问题。
如何从testMethod类调用在UserAuthenticationRequests类中声明的UserAuthenticationUI ()？从App调用testMethod()是没有问题的。
(例如，我不需要从App类调用它)
父类
import React from 'react';
import UserAuthenticationUI from './UserAuthentication/UserAuthenticationUI';
import UserAu
浏览 1提问于2018-07-20得票数 0
1回答
我想要实现一个更高级的react组件，它可以很容易地跟踪事件(比如单击)到任何React组件上。这样做的目的是方便地将点击(和其他事件)链接到我们的第一方分析跟踪器中。
我遇到的挑战是，React合成事件系统需要绑定事件(如onClick)来响应DOM元素，比如div。如果我包装的组件是自定义组件，就像通过高阶函数实现的每个特殊组件一样，我的单击事件不能正确绑定。
例如，使用这个临时处理程序，onClick处理程序将触发button1，而不是button2。
// Higher Order Component
class Track extends React.Component {
o
浏览 0提问于2018-10-08得票数 9
回答已采纳
我正在努力将第三方视频记录库集成到我的React应用程序中。这个第三方包直接集成到DOM <video>元素中，并具有自己的状态，因此在我的组件中状态更新不能导致<video>标记的重新呈现，因为这将破坏集成。我尝试过这样一种天真的方法：
{this.videoNode.current || <video ref={this.videoNode} playsInline className="video-js vjs-default-skin"></video>}
但是，只有在触发重呈现时，才会对此错误作出反应：
Error: O
浏览 3提问于2020-04-30得票数 1
回答已采纳
3回答
我想知道在Spring中是否可以在列表中指定同一个bean的x个数。例如，代替具有ids的bean: stage1、stage2、...stageN，如下所示：
<bean id="stage1" class="Stageclass"/>
<bean id="stage2" class="Stageclass"/>
<bean id="stages" class="java.util.ArrayList">
<constructor-arg>
浏览 1提问于2012-03-28得票数 4
回答已采纳
我正在使用react和d3，试图创建一个简单的条形图，以便在刷新数据时更新图表。当数据变化时，图表正在更新，但它似乎是在旧图表的基础上分层的。我认为问题在于d3 exit().remove()函数。
据我所知，d3的退出方法应该返回一个要删除的项数组，但是当我控制台日志时，我看到了一个“未定义”的数组。我非常感谢任何帮助！
下面是代码框：
下面是代码片段：
import React, { useEffect, useRef } from "react";
import * as d3 from "d3";
const BarChart = props =&
浏览 0提问于2020-04-20得票数 2
回答已采纳
我正在制作一个计数计时器，下面将用这个react功能组件进行描述 import {useEffect, useState, useRef} from 'react'
function Content() {
const [countdown, setCountdown] = useState(10)
const [show, setShow] = useState(true)
const ref = useRef()
function handleStart() {
ref.current = setInterva
浏览 35提问于2021-11-06得票数 0
回答已采纳
所以我发现React ref是非常有用的。我经常使用它们来控制样式，获取clientWidth等等，但我知道我只是勉强掌握了ref的功能。
有人能提供所有可以用useRef访问的不同键和对象的列表吗？(以及它设置或返回的内容的简要说明)
也就是。
ref.current.style - changes css style for the element
ref.current.clientWidth - returns the elements width
我搜索了Google和ReactJS.org，一直找不到这样的列表。
浏览 3提问于2022-01-08得票数 0
给定以下代码()：
int main(void)
{
const int a{};
const int &r = a;
static int arr[1] = {r};
constexpr const int &ref = arr[0]; // OK
}
ref的初始化是指定引用ref的glvalue。因此，初始化的全部表达式必须是glvalue核心常量表达式。也就是说，引用ref必须引用 (具有静态存储持续时间的对象)的实体。它指的是arr[0]元素，它的类型是int。下面是我的问题:这个元素是一个具有静态存储持续时间的子对象吗？如果是的话，那是什么措辞呢？
浏览 4提问于2022-10-15得票数 -1
回答已采纳
有办法从React.createElement中获取基本DOM元素吗？
就像我试图为对话中的每个参与者创建一个反应音频元素列表，我需要在一个元素上附加一个音轨，但是它不能处理React元素.
我的想法是这样的，但这行不通。
const ref = useRef<HTMLAudioElement>()
const addAudioTrack = (track: AudioTrack) => {
const audio = React.createElement("audio", {key: track.name, ref: ref})
conso
浏览 8提问于2021-12-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
