JSX中id的动态生成字符串

我想把身份证变成这样。

所以我从父组件中给出了这样的id。

export default function Components(props) {
  return (
      <AudioTrack trackNum="1"/>
      <AudioTrack trackNum="2"/>
  )
}

trackNum 想这样用吗

const AudioTrack = (props) => {
  return(  
    <div id="track_{props.trackNum}" ></div>
  );
}

有什么好办法吗??