Javascript 错误：'；返回'；react js中的函数外部

我不知道为什么我会出现这个错误。有人能帮我检查一下语法，没有发现任何错误。这可能很愚蠢，但我就是找不到它是什么

import React, { Component } from 'react';
//import Node from './Node/Node';
import { render } from 'react-dom'

import './Pathfinder.css';

export default class Pathfinder extends Component {
   constructor(props){
    super(props);
    this.state = {
        grid: [], 
};
}
}

render(); {

    return (
        <div>
            {this.startGrid()}
        </div>
    );

}```

import React，{Component}来自'React'；
//从“./Node/Node”导入节点；
从'react dom'导入{render}
导入“/Pathfinder.css”；
导出默认类Pathfinder扩展组件{
建造师（道具）{
超级（道具）；
此.state={
网格：[]，
};
}
}
render（）；{
返回(
{this.startGrid（）}
);
}```

问题是render关键字后的分号

由于括号放置错误，render方法在类组件之外

render(); {}

换成

render() {}

代码应该如下所示：

    import React, { Component } from 'react';
    //import Node from './Node/Node';
    import { render } from 'react-dom'
    
    import './Pathfinder.css';
    
    export default class Pathfinder extends Component {
       constructor(props){
        super(props);
        this.state = {
            grid: [], 
    };
    }
  
    
    render() {
    
        return (
            <div>
                {this.startGrid()}
            </div>
        );
    
    }
 }

import React，{Component}来自'React'；
//从“./Node/Node”导入节点；
从'react dom'导入{render}
导入“/Pathfinder.css”；
导出默认类Pathfinder扩展组件{
建造师（道具）{
超级（道具）；
此.state={
网格：[]，
};
}
render（）{
返回(
{this.startGrid（）}
);
}
}

我想你应该复制粘贴代码，但是你把花括号弄乱了

import React, { Component } from 'react';
//import Node from './Node/Node';
import { render } from 'react-dom'

import './Pathfinder.css';

export default class Pathfinder extends Component {
   constructor(props){
       super(props);
       this.state = {
           grid: [], 
       };
   }
   } <-- should be removed

   render() { <-- remove the ; sign
       return (
           <div>
             {this.startGrid()}
           </div>
       );
    }
} <-- close your component with curly braces

import React，{Component}来自'React'；
//从“./Node/Node”导入节点；
从'react dom'导入{render}
导入“/Pathfinder.css”；
导出默认类Pathfinder扩展组件{
建造师（道具）{
超级（道具）；
此.state={
网格：[]，
};
}
}当我去掉分号时，编译器开始给我错误，所以我把它保留在那里，但这很愚蠢。这是一个语法错误。是的，很好用。谢谢，很抱歉，我之前不小心删除了你的评论。很高兴它帮助了你。我希望你不会介意接受答案并投票表决