如何解决反应钩子中的多个参考

Question

我想在 hooks 组件中设置动态引用，但在 react hooks 中似乎不支持。

 coupons.map((item: TCouponItem, index: number) => (
                                        <CouponItem
                                            couponItem={item} key={`received${index}`}
                                            ref={`received${index}`}
                                            refName={`received${index}`}
                                            onDescClick={(refName: string) => { onDescClick(refName); }}
                                        />))

有什么方法可以实现这一点

Answer 1

你不能通过简单地写ref=myref来创建引用。您首先需要使用const ref = useRef(null) 实例化引用。然后你可以在组件中添加ref={ref}。