Javascript RxJS体系结构中的显示和传递值

我知道在启动时我有空的存储，然后组件呈现，请求被发送，我需要等待用值填充存储，但在实践中如何实现它呢

export const UsedInProjectsPure = (props: AllProps) => {
  const { t } = useTranslation();
  const { component, fetchProjectList, projectList } = props;

  useEffect(() => {
    fetchProjectList();
  }, []); // eslint-disable-line react-hooks/exhaustive-deps

  const findName = (projectId: number | undefined) => {

    // projectId is undefined
    console.log(projectId)


    return (
      console.log(component?.projects)

    )
  }

  if(!component) return null;

  return (
    <DetailsBox title={t('catalogPage.componentDetails.specs.used')}>
      {component?.projects?.map(project => findName(project.id))}
    </DetailsBox>
  );
};

// projectId is undefined
console.log(projectId)