我有一個渲染方法內部陣營組成:的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>
);
}
}
它標誌着作爲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>
);
}
}
但與消息brokes:unresolved type video
。下面是它的樣子:
代碼VideoPlayer
從PictureTaker
粘貼,並驚訝我。我有React
:
而且React DOM
:
內Settings/Languages and frameworks/Javascript/Libraries
。你看到我犯過什麼錯誤嗎?預先感謝您的每一個答案。
你可以刪除「typo/non-preproducible」這個問題 – pvg
@pvg也許,但這是React新手像我一樣犯錯誤的機會,它可以防止他們像浪費我一樣浪費一小時。 –
真的沒有任何機會可以重複打字。這就是爲什麼這個標誌存在。 – pvg