-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一起使用

相關問題