Intellij 2016.1.4 和 React render() 方法

Posted 2023-02-19

【中文标题】Intellij 2016.1.4 和 React render() 方法

【英文标题】：Intellij 2016.1.4 and React render() method

【发布时间】：2018-02-25 09:05:06

【问题描述】：

我在 React 组件中有一个渲染方法：

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

但它与消息中断：unresolved type video。这是它的样子：

VideoPlayer 的代码是从PictureTaker 粘贴的，这让我很吃惊。我有React:

还有React DOM:

在Settings / Languages and frameworks / javascript / Libraries 内。你看到我犯了什么错误吗？提前感谢您的每一个回答。

【参考方案1】：

天哪，我找到了解决方案...我使用了.ts 扩展名而不是.tsx。 是VideoPlayer.ts，应该是VideoPlayer.tsx，我的错。

【讨论】：

你可以删除问题“typo/non-preproducible”

@pvg 也许吧，但对于 React 新手来说，这是一个像我一样犯错误的机会，它可以防止他们像我一样浪费一个小时。

真的没有任何机会，就像有可能重复 any 错字一样。这就是该标志存在的原因。

【参考方案2】：

什么是视频？您必须将 video.js 与 React.js 一起导入才能使用