Reactjs，将数据(Id)从一个组件传递到另一个组件，以便下载歌曲

// 父组件
import React, { useState } from 'react';
import ChildComponent from './ChildComponent';

function ParentComponent() {
  const [songId, setSongId] = useState(123); // 定义一个状态用于存储歌曲ID

  return (
    <div>
      <ChildComponent songId={songId} /> // 将歌曲ID通过props传递给子组件
    </div>
  );
}

// 子组件
import React from 'react';

function ChildComponent(props) {
  return (
    <div>
      <button onClick={() => downloadSong(props.songId)}>下载歌曲</button> // 在子组件中使用传递的歌曲ID
    </div>
  );
}

function downloadSong(songId) {
  // 根据歌曲ID进行下载操作
}

export default ChildComponent;