Javascript 如何在React中的库组件中附加html元素

Javascript 如何在React中的库组件中附加html元素,javascript,html,reactjs,vimeo,Javascript,Html,Reactjs,Vimeo,我目前正在使用@u-wave中一个名为Vimeo的视频播放器组件 我想要实现什么? 我有一大堆没有公司标志的视频。现在编辑它们需要很多时间。为了达到同样的效果,我想在视频组件中渲染一个徽标/文本 视频播放器有一个ID为“player”的元素。我想给这个元素添加一个子元素,在其中一个角上显示所需的徽标 我尝试了什么? 我用一个文本元素包装了Vimeo组件,并向其中添加了一些css <div style={{position: "relative}}> <p st

我目前正在使用@u-wave中一个名为Vimeo的视频播放器组件

我想要实现什么? 我有一大堆没有公司标志的视频。现在编辑它们需要很多时间。为了达到同样的效果,我想在视频组件中渲染一个徽标/文本

视频播放器有一个ID为“player”的元素。我想给这个元素添加一个子元素,在其中一个角上显示所需的徽标

我尝试了什么?

我用一个文本元素包装了Vimeo组件,并向其中添加了一些css

<div style={{position: "relative}}>
    <p style={{position: "absolute", top: "0", left: "0", zIndex: "1"}}>My company name</p>
    <Vimeo {...props} />
</div>

除非Vimeo组件有任何道具来定制其子组件,否则您可能需要使用抽象位置(css)并将其放置在组件上。