如何在地图中添加引用

Question

我不知道如何在地图中添加引用。 我试过这个东西，但它根本不起作用。

import React, { useRef } from "react";
import ReactDOM from "react-dom";
import "./styles.css";
function App() {
let numRef = useRef([]);
const mat = [1, 2, 3, 4, 5];
console.log(numRef); // 
return (
<div className="App">
<div>
{mat.map((element, idx) => (
<p ref={numRef.current[idx]} type="text">
{element}
</p>
))}
</div>
</div>
);
}
const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

我想在每个 p 标签中给出所有不同的引用。

Answer 1

你必须在 ref 中有一个函数来分配 ref

function App() {
let numRef = useRef([]);
const mat = [1, 2, 3, 4, 5];
console.log(numRef); // 
return (
<div className="App">
<div>
{mat.map((element, idx) => (
<p ref={(ref) => numRef.current[idx] = ref} type="text">
{element}
</p>
))}
</div>
</div>
);
}