是否可以使用Reactjs使用Hls.js设置自定义标头？

Question

NPM：https://npmjs.com/package/react-hls

我正在一个网站上使用hlsjs传输m3u8视频，某些链接需要特定的用户代理，我必须在请求中设置自己。

该库提供hlsConfig属性作为prop在react中的支持，但我到处都在查找它，却找不到如何使用它的示例。

这里有我在React中使用的播放器组件。

import React, { PureComponent } from "react";
import ReactHLS from "react-hls";

class Player extends PureComponent {
  render() {
  const { url, width, height } = this.props;
  return (
      <ReactHLS
        autoplay
        width={width}
        height={height}
        url={url}
      />
    );
  }
}

export default Player;