reactjs - 在 React 中安装组件后如何创建 Refs?

标签 reactjs react-ref

我的情况要求我为每个时间选择器使用 React.createRef() (时间选择器中有某些功能只能通过 Refs 使用)。

安装页面后,我最初有 2 个时间选择器。当我只有两个时,一切都很好,但我的工作被毁了,因为我需要使用按钮添加/删除时间选择器。因此我可以轻松添加时间选择器。

但现在我的问题是如何创建引用?我对 React.createRef() 的声明位于前 2 个引用的 Constructor(){} 中。
问题是我在哪里实例化添加 onClick 的时间选择器的引用?

谢谢

最佳答案

您应该将时间选择器包装在另一个组件中,在那里创建引用并执行需要在该组件内引用引用的工作,然后通过 Prop 转发结果(您可以通过 Prop 传递函数)。

例如,您可以为每个组件提供一个唯一的 ID(uuid 在这方面做得很好),通过 prop 传递该 ID,传递一个值并传递一个接受 ID 和值的函数,然后在任何时候调用该函数获得了 ref 的结果。

关于reactjs - 在 React 中安装组件后如何创建 Refs?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60002392/

相关文章:

reactjs - React.JS Ref 中的 Ref 错误 - createRef、useRef 和 using Refs

node.js - 如何在NextJS Vercel项目中进行301重定向?

node.js - 安装reactjs时出错: Error unexpected end of JSON input while parsing near

reactjs - react 引用 : Uncaught TypeError: Cannot set property 'innerHTML' of null

reactjs - 如何使用 React 函数组件获取组件的位置

javascript - 如何过滤引用数组

javascript - 转发 ref 到 react.FC 给出类型错误 : Property ref does not exist on type 'IntrinsicAttributes & Props & { children :? ReactNode}

reactjs - React-Toolbox:如何应用主题

javascript - DatePicker 禁用错误

reactjs - 在组件/容器中组织 React 应用程序