Fatal编程技术网
  • javascript/
  • Javascript Intellij 2016.1.4和React render（）方法

Javascript Intellij 2016.1.4和React render（）方法

javascript reactjs intellij-idea

Javascript Intellij 2016.1.4和React render（）方法,javascript,reactjs,intellij-idea,react-dom,intellij-idea-2016,Javascript,Reactjs,Intellij Idea,React Dom,Intellij Idea 2016,我在React组件中有一个渲染方法： 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.

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

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>
        );
    }
}

import * as React from "react";

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

    render () {
        return (
            <video id="ra-video">
                Video not supported
            </video>
        );
    }
}
但它会中断消息：
未解析类型视频
。下面是它的样子：

VideoPlayer的代码是从PictureTaker粘贴而来的，这让我大吃一惊。我有
反应
：



和
React DOM
：




内部
设置/语言和框架/Javascript/库
。你看到我犯的错误了吗？提前感谢您的每一个答案。
天啊，我找到了一个解决方案。。。我使用了
.ts
扩展而不是
.tsx
。

那是
VideoPlayer.ts
，应该是
VideoPlayer.tsx
，我的错。
什么是视频？你必须将video.js与React.js一起导入才能使用
你可以删除问题，“打字错误/不可预制作”@pvg，但React新手可能会犯我这样的错误，这可以防止他们像我一样浪费一个小时。这真的不可能，就像有可能重复任何打字错误一样。这就是为什么那个标志存在的原因。