实现iframe嵌套bilibili视频

import React, {
    useState, useEffect } from 'react'
import styles from './style.less'
const data = [
    {
    name: '夜曲', vid: 'BV1tA411q7xi' },
    {
    name: '以父之名', vid: 'BV1mp4y1C7ja' },
    {
    name: '晴天', vid: 'BV1Ag4y1q7tP' },
    {
    name: '七里香', vid: 'BV1AA411q7a8' },
]
const index = () =>
{
   
    const [vid, setVid] = useState('BV1tA411q7xi')  // 默认 Vid
    const [underline, setUnderline] = useState(0)  // 默认切换
    useEffect(() =>
    {
     // 发送数据请求 设置订阅/启动定时器 手动更改 DOM 等 ~
        initColor()
        return () =>
        {
     // 组件卸载之前 做一些收尾工作 比如清楚定时器/取消订阅 等 ~
        }
    }, [])  // 检测数组内变量 如果为空 则监控全局
    const initColor = () =>