Intellij 2016.1.4和React render（）方法

Question

我在React组件中有一个render方法：

import * as React from "react";
import MediaService from "./service/MediaService";
import ComponentLifecycle = require("@types/react");
import DOMHelper from "../helpers/DOMHelper";

export default class PictureTaker extends React.Component implements ComponentLifecycle {
    // Not important

    render () {
        return (
          <article>
              <video id="ra-video">
                  Video not supported
              </video>
          </article>
        );
    }
}

它将id标记为attribute id is not allowed here，但确定 - 我明白了。我想重构代码以将<video>提取到另一个组件：

import * as React from "react";

export default class VideoPlayer extends React.Component {
    constructor () {
        super();
    }

    render () {
        return (
            <video id="ra-video">
                Video not supported
            </video>
        );
    }
}

但它的消息是：unresolved type video。这是它的样子：

VideoPlayer的代码是从PictureTaker粘贴的，我很惊讶。我有React：

React DOM：

在Settings / Languages and frameworks / Javascript / Libraries内。你看到我犯了什么错误吗？提前感谢您的每一个答案。

Answer 1

Geez，我找到了一个解决方案......我使用.ts扩展而不是.tsx。  它是VideoPlayer.ts，应该是VideoPlayer.tsx，我的不好。

Answer 2

什么是视频？您必须导入video.js和React.js才能使用