的IntelliJ 2016年1月4日和应对render()方法
问题描述:
我有一个渲染方法内部阵营组成:的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
。你看到我犯过什么错误吗?预先感谢您的每一个答案。
答
Geez,我找到了一个解决方案...我用.ts
扩展而不是.tsx
。 这是VideoPlayer.ts
,应该是VideoPlayer.tsx
,我的不好。
答
什么是视频?你将不得不导入video.js和React.js一起使用
你可以删除“typo/non-preproducible”这个问题 – pvg
@pvg也许,但这是React新手像我一样犯错误的机会,它可以防止他们像浪费我一样浪费一小时。 –
真的没有任何机会可以重复打字。这就是为什么这个标志存在。 – pvg