-1

I内のrenderメソッドは、コンポーネントリアクト持っている:のIntelliJ 2016年1月4日とレンダリングリアクト()メソッド

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

それはattribute id is not allowed hereとしてidマークしますが、[OK]を - 私はそれを得ました。私は別のコンポーネントに<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

VideoPlayerのコードがPictureTakerから貼り付けられ、そしてそれは私を驚か。私はReactを持っている:

React imported in project

そしてReact DOM

Settings/Languages and frameworks/Javascript/Libraries内部

React DOM

。あなたは私の間違いを見ますか?すべての回答をお待ちしております。

答えて

-1

私は解決策を見つけました... .tsxの代わりに.ts拡張子を使用しました。 VideoPlayer.tsであり、VideoPlayer.tsxである必要があります。

+1

「入力ミス/非再生可能」 – pvg

+0

@pvgおそらく、リアクションのルーキーが私のようなミスを犯す可能性があります私は無駄に時間を無駄にするのを防ぐことができます。 –

+0

これ以上の機会はありません。何度もタイピングが繰り返される可能性があります。だからこそフラグが存在するのです。 – pvg

-1

ビデオとは何ですか? React.jsと一緒にvideo.jsをインポートして使用する必要があります

関連する問題