如何在对象内部声明钩子？

Question

我正在使用这样的钩子

const Ref1 = useRef();
const Ref2 = useRef();
const AllRefs = { Ref1, Ref2 };

反正有没有速记写这个可能是这样的：

const AllRefs = { Ref1:useRef(), Ref2:useRef()};

Answer 1

应该是这样吗？

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>
  );
}