sora-ichigo
commented
1 year ago 楽曲設定側の考慮（編集面）
type SpotifyMusic = {
uri: string;
// 楽曲再生側に必要そうな情報を保持しておきたい
}
type Props = {
spotifyMusic: SpotifyMusic;
onChange: (spotifyMusic: SpotifyMusic) => void);
}
const SpotifyMusicSelect: React.FC<Props> = (props) => {
// いい感じにSpotify楽曲の検索・選択ができるように作る
return ...
}こんな感じのコンポーネントを作って、
// Project詳細画面
const ProjectShowPage: React.FC = () => {
const [projectSpotifyMusic, setProjectSpotifyMusic] = useState<SpotifyMusic | null>(null)
return (
<>
...
<SpotifyMusicSelect spotifyMusic={projectSpotifyMusic} onChange={setProjectSpotifyMusic} />
...
</>
)
}こんな感じで Project 詳細画面から呼び出せればいい？
いい感じ Project に SpotifyMusic を設定できるようにしたい