Html 单击React js中的P标记更改视频当前时间

如果单击p标记，我将尝试更改视频的当前时间

注意：每个p标签都可以将当前时间更改为不同的持续时间 e、 g.

示例1

//应将当前时间更改为10秒

示例2

//应将当前时间更改为30秒

下面是我目前正在努力编写的代码。任何人都可以让我知道如何更改当前时间点击P标签

const RecipeReview = () => {
return (
<div className='row'>
  <div className='col-sm-8'>
    <div className='row'>
      <div className='embed-responsive embed-responsive-16by9'>
        <video className='embed-responsive-item' controls>
          <source src={VideoLink} />
          Your browser does not support the video tag.
        </video>
      </div>
    </div>


  </div>
  <div className='col-sm-4'>
    <div className='row mt-2 ml-1'>
      <div className='w-100 mt-2 mr-2'>
        <div className='d-flex flex-nowrap align-items-center'>
          <p className='text flex-grow-1 mr-2'>
            Sample1
          </p>
        </div>

        <div className='d-flex flex-nowrap align-items-center'>
          <p className='text flex-grow-1 mr-2'>
            Sample2
          </p>
        </div>
      </div>
    </div>
  </div>
</div>
  );
 };
  export default RecipeReview;

const RecipeReview=（）=>{
返回(
您的浏览器不支持视频标记。

样本1


样本2

);
};
导出默认RecipeReview；

为当前时间创建一个本地状态，并单击

p

标记进行更新。我已经创建了一个示例代码库-Sarun我正在尝试更改视频当前时间。类似于“Video.currentTime=”；