如何使用 React Native 代码（jsx）引用单行源代码

Question

如何使用 React Native 代码 (jsx) 引用一行源代码。这里的解决方案有效，但没有引用正确的链接标签

使用 minted 突出显示标记的代码行

参考 minted 包中的源代码行

我认为所有 Lebel 都指标签 \label{sec:bsr}

例子 ：

Lorem ipsum dolor sit amet， ~\ref{useStateBeginn}consectetur adipiscing elit。 Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua。 Ut enim ad minim veniam，quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat。 Duis aute irure dolor in reprehenderit ~\ref{dataArray}in voluptate velit esse cillum dolore eu fugiat nulla pariatur。 excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

\newenvironment{code}{\captionsetup{type=listing}}{}
    %\renewcommand{\cftlistingpresnum}{Listing~}
    %\setlength{\cftlistingnumwidth}{2cm}
    \renewcommand{\listingscaption}{\textbf{Code}}
    \renewcommand{\listoflistingscaption}{codeidex}

\usepackage{minted}
\usepackage{caption}
\usepackage{graphicx}
\usepackage{hyperref}
\hypersetup{
    colorlinks=true,
    citecolor=Orange4,
    linkcolor=Blue1,
    filecolor=Firebrick1,      
    urlcolor=black,
    pdftitle={Overleaf Example},
    pdfpagemode=FullScreen,
    }

    \begin{code}
    \captionof{listing}{\textbf{Component}}
    \label{sec:bsr}
    
    \begin{minted}
    [
    autogobble = true,
    breaklines=true,
    frame=lines,
    framesep=2mm,
    baselinestretch=1.2,
    bgcolor=Cornsilk1,
    fontsize=\footnotesize,
    linenos=true,
    escapeinside=!!
    ]{lexer.py:JsxLexer -x}
    
     // Data Array !\label{dataArray}!
    Array
    
    // useState  !\label{useStateBeginn}!
    useState ...

   \end{minted}
\end{code}