Refactor Bilibili class component to functional (#4227)
This commit is contained in:
@@ -4,18 +4,16 @@ import { EmbedProps as Props } from ".";
|
|||||||
|
|
||||||
const URL_REGEX = /(?:https?:\/\/)?(www\.bilibili\.com)\/video\/([\w\d]+)?(\?\S+)?/i;
|
const URL_REGEX = /(?:https?:\/\/)?(www\.bilibili\.com)\/video\/([\w\d]+)?(\?\S+)?/i;
|
||||||
|
|
||||||
export default class Vimeo extends React.Component<Props> {
|
export default function Bilibili(props: Props) {
|
||||||
static ENABLED = [URL_REGEX];
|
const { matches } = props.attrs;
|
||||||
|
const videoId = matches[2];
|
||||||
render() {
|
return (
|
||||||
const { matches } = this.props.attrs;
|
<Frame
|
||||||
const videoId = matches[2];
|
{...props}
|
||||||
return (
|
src={`https://player.bilibili.com/player.html?bvid=${videoId}&page=1&high_quality=1`}
|
||||||
<Frame
|
title={`Bilibili Embed (${videoId})`}
|
||||||
{...this.props}
|
/>
|
||||||
src={`https://player.bilibili.com/player.html?bvid=${videoId}&page=1&high_quality=1`}
|
);
|
||||||
title={`Bilibili Embed (${videoId})`}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Bilibili.ENABLED = [URL_REGEX];
|
||||||
|
|||||||
Reference in New Issue
Block a user