Question

反应创建组件以提示错误

这是代码。

import {React,PureComponent} from 'react';
export default class chainRefeshTool extends React.PureComponent {
    render() {
        return (
            <div>
                <h1>Hello World!</h1>
            </div>
        );
    }
}

我想输出您好！但是页面报错我想输出你好字！但是页面是错误的。报错信息如下错误信息如下：

./ src / pages / BackStage / ChainRefeshTool / index.js

第4行：您的渲染方法应具有return语句react / require-render-return

第5行：期望进行赋值或函数调用，而是看到一个表达式no-unused-expressions

第5行：缺少分号（分号）

搜索关键字以详细了解每个错误。

Answer 1

您的代码没有错，但是您的import语句不正确；应该是：

import React, { PureComponent } from 'react';

然后，您可以简单地扩展PureComponent而不是React.PureComponent：

import React, { PureComponent } from 'react';

export default class chainRefeshTool extends PureComponent {
    render() {
        return (
            <div>
                <h1>Hello World!</h1>
            </div>
        );
    }
}

仅使用默认的React导出也没有错：

import React from 'react';

export default class chainRefeshTool extends React.PureComponent {
    render() {
        return (
            <div>
                <h1>Hello World!</h1>
            </div>
        );
    }
}

Answer 2

问题在于您的import语句。应该如下

import React, { PureComponent } from 'react';

此外，当您扩展PureComponent时，应该像这样：

export default class chainRefeshTool extends PureComponent {

这是因为您已经从react导入了PureComponent作为命名导出。这就是为什么在扩展时无需使用 React.PureComponent 。

反应创建组件时出现语法错误

2 个答案: