javascript - 如何在对象内部声明钩子?
问题描述
我正在使用这样的钩子
const Ref1 = useRef();
const Ref2 = useRef();
const AllRefs = { Ref1, Ref2 };
反正有没有写这个速记可能是这样的:
const AllRefs = { Ref1:useRef(), Ref2:useRef()};
解决方案
应该是这样吗?
import React, { useRef } from "react";
export default function App() {
const arr = [1, 2, 3];
const refs = useRef([]);
return (
<div className="App">
{arr.map((item, index) => {
return (
<div
key={index}
ref={(element) => {
refs.current[index] = element;
}}
>
{item}
</div>
);
})}
</div>
);
}
推荐阅读
- bash - 如何在 Shell 脚本中执行环境变量?
- android - 当我启动 sdkmanager 时,我得到 java.lang.NoClassDefFoundError: javax/xml/bind/annotation/XmlSchema 异常
- image - 无法在 Android Studio 的 SlideModel 类中输入图像网址
- java - 1个核心docker容器中的Java程序可以同时运行多少个线程
- android - 将多个项目合并为一个项目?
- java - 在 VSCode 中在哪里设置 java 编译器选项
- nim-lang - 如何在灵活的任务中重定向输出
- android - 如何从 Room 数据库中获取数据
- java - Java - Return current class type
- uitableview - 当 DropPoposal 为 Move (Xamarin) 时未调用 UITableViewDropDelegate PerformDrop