时间戳

首页 > 解决方案 > 在 React 外部构造函数中创建动态引用

reactjs - 在 React 外部构造函数中创建动态引用

问题描述

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

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

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

this[myinputboxname] = React.createRef();

一旦我收到 API 结果

标签： reactjsref

解决方案

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

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

推荐阅读