Reactjs 对React中的图像水印有什么建议吗？

从脚手架

应用程序
：

      <div className="App">
        <div className="App-header">
          <img src={logo} className="App-logo" alt="logo" />

          <h2>Welcome to React</h2>
        </div>
        <p className="App-intro">
          To get started, edit <code>src/App.js</code> and save to reload.
        </p>
      </div>

有没有办法向该图像添加水印

我已经搜索了npm软件包网站，没有太多帮助来确定正确的软件包

非常感谢
 您可以使用处理映像的任何其他npm库，而不必是React组件。
这是我一直在使用的一个：

例如：

  watermark([file, '/images/logo-200X255.png'])
    .image(watermark.image.lowerLeft(0.5))
    .then(img =>{

      let holder = this.refs.img_holder;
      holder.appendChild(img);

      this.setState({
        base64:img.src
      });
    });

这和React有什么关系？React不是图像处理库。如何将其添加到组件中？在我的示例中，我希望它在文件drop so:上添加徽标，然后将文件传递给函数。