中继流类型为片段返回未定义

问题描述

我设置了以下组件：RequestLayout > RequestComposer > RequestMessageOptions > LegalSenderDropdown

RequestLayout.jsx：

  const requestData = useFragment(
    graphql`
      fragment RequestLayout_request on TakedownRequest {
        ...RequestComposer_request
      }
    `,requestFragment,);

  return (<RequestComposer  request={request}  />)

RequestComposer.jsx：

type Props = {|
  request: RequestComposer_request$key,|};

const RequestComposer = ({
  request: requestFragment,}: Props): Node => {
  const request = useFragment(
    graphql`
      fragment RequestComposer_request on TakedownRequest {
        ...RequestComposer_counterNoticeModule @include(if: $counterNotice)
      }
    `,); 

  return (<RequestMessageOptions request={request} />)
}

RequestMessageOptions.jsx 刚刚将请求传递给 LegalSenderDropdown.jsx：

type Props = {|
  request: RequestComposer_request,|};

const LegalSenderDropdown = ({
  request,}: Props): Node => {

  const originalRequest = request.counterNoticeModule?.originalRequest;

  return null;
};

无法获得 request.counterNoticeModule，因为 counterNoticeModule [1].Flow(prop-missing) 中缺少属性 RequestComposer_request LegalSenderDropdown.jsx(20,3): [1] RequestComposer_request

当我查看 RequestComposer_request 类型时，我得到了由编译器生成的：

  +id: string,+primaryType: ?TakedownRequestModuleType,+owner: ?{|
    +email: string
  |},+agent: ?{|
    +email: string
  |},+$fragmentRefs: RequestComposer_counterNoticeModule$ref,+$refType: RequestComposer_request$ref,|};
export type RequestComposer_request$data = RequestComposer_request;
export type RequestComposer_request$key = {
  +$data?: RequestComposer_request$data,+$fragmentRefs: RequestComposer_request$ref,...
};

解决方法

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

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

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