在 React 外部构造函数中创建动态引用答案

【问题标题】：Creating Dynamic refs in React outside constructor在 React 外部构造函数中创建动态引用
【发布时间】：2023-03-17 03:01:01
【问题描述】：

我正在根据从返回数组的 API 调用收到的元素数量创建多个文本字段。

要访问这些值，我需要引用并且我无法在构造函数中创建引用，因为我什至不知道加载组件时文本字段的数量。

我的问题是如何创建像下面这样的参考

this[myinputboxname] = React.createRef();

收到 API 结果后

【问题讨论】：

标签： reactjs ref

【解决方案1】：

在构造函数中创建 ref 不是强制性的。它可以按以下方式动态创建。

<component
ref={(comp) => {this[`comp-${id}`] = comp}}
/>

【讨论】：