javascript - 函数组件不能被赋予 refs。如何正确使用 React.forwarRef()

Question

非常简单的问题，但目前我收到控制台错误消息“无法为函数组件提供参考。尝试访问此参考将失败。您是要使用 React.forwardRef() 吗？”

任何时候我尝试将 forwardRef 添加到我的代码中（以我尝试过的任何方式），我的代码都拒绝编译，任何人都可以建议使用我的代码正确实现 forwardRef 吗？蒂亚！

const CommodityCodeLookupAttribute = ({
  attribute: productLookupAttribute,
  onChange,
  ...otherProps
}: Props) => {

  const { object } = useFormObjectContext();

  const ccceAttribute = object.attributeCollection.find(isCcceResultAttribute);

  if (!ccceAttribute) {
    return null;
  }

  const findGoodsBtnRef = React.useRef();

  const handleOnKeyDown = (event) => {
    if (event.keyCode === "13") {
      findGoodsBtnRef.current.click();
    }
  };

  return (
    <>
      <StringAttributeDefault
        attribute={productLookupAttribute}
        onKeyDown={handleOnKeyDown}
        {...otherProps}
      />

      <CcceAttribute attribute={ccceAttribute} ref={findGoodsBtnRef} />
    </>
  );
};