在上下文中传递 ref

问题描述

我在这里遇到了一个似乎是解决方案的问题。

我想在几个组件周围使用 ref，为此我创建了一个 context，它看起来像这样：

输入我的参考：

export interface IContextProps {
  formRef: RefObject<FormHandles>;
}

然后我将它传递到我的 provider 的正文中。

const formRef = useRef<FormHandles>(null);

但是当我去使用这个 ref 的对象时，它只是忽略它的存在。

import { useContext } from 'react';


export function Component() {
  const { formRef } = useContext(contextPage);

  formRef.current?.setData({ name: "Andres" });
  const name = formRef.current?.getData();
  console.log('name',name);

  return (
    <h1>Hello</h1>
  )
}

因此我的回报是不确定的。
name undefined

---

"@unform/core": "^2.1.6" "@unform/web": "^2.1.6"

所以我的问题是...我做错了什么？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）