2017-09-16 116 views
-1

我有一个渲染方法内部阵营组成:的IntelliJ 2016年1月4日和应对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> 
     ); 
    } 
} 

它标志着作为idattribute 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> 
     ); 
    } 
} 

但与消息brokes:unresolved type video。下面是它的样子: Broken render() method

代码VideoPlayerPictureTaker粘贴,并惊讶我。我有React

React imported in project

而且React DOM

React DOM

Settings/Languages and frameworks/Javascript/Libraries。你看到我犯过什么错误吗?预先感谢您的每一个答案。

回答

-1

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

+1

你可以删除“typo/non-preproducible”这个问题 – pvg

+0

@pvg也许,但这是React新手像我一样犯错误的机会,它可以防止他们像浪费我一样浪费一小时。 –

+0

真的没有任何机会可以重复打字。这就是为什么这个标志存在。 – pvg

-1

什么是视频?你将不得不导入video.js和React.js一起使用

相关问题