Reactjs TypeError:instance.render不是函数（finishClassComponent）

我是react.js的新手。我用“创建反应应用程序”创建了一个项目。我在看医生。但我犯了这个错误。这是我的index.js：

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';

class Square extends React.Component {
  render() {
    return (
      <button className="square">
        {this.props.value}
      </button>
    );
  }
}

class Board extends React.Component {
  renderSquare(i) {
    return <Square value={i} />;
  }
}

ReactDOM.render(
  <React.StrictMode>
    <Board/>
  </React.StrictMode>,
  document.getElementById('root')
);

从“React”导入React；
从“react dom”导入react dom；
导入“./index.css”；
类Square扩展了React.Component{
render（）{
返回(
{this.props.value}
);
}
}
类板扩展React.Component{
renderSquare（一）{
返回；
}
}
ReactDOM.render(
,
document.getElementById（'root'））
);

您的

板

组件缺少

render（）

功能

改变

class Board extends React.Component {
  renderSquare(i) {
    return <Square value={i} />;
  }
}

类板扩展React.Component{
renderSquare（一）{
返回；
}
}

到

类板扩展React.Component{
render（）{
返回；
}
}

您的

板

组件缺少

render（）

功能

改变

class Board extends React.Component {
  renderSquare(i) {
    return <Square value={i} />;
  }
}

类板扩展React.Component{
renderSquare（一）{
返回；
}
}

到

类板扩展React.Component{
render（）{
返回；
}
}

@Shoin谢谢你的回答。我从doc复制了组件。“render”是否必须始终位于组件中？正确，在有状态组件（扩展React.Component的组件）中，您必须具有

render（）

功能如果解决了您的问题，请不要忘记接受答案：）@Shoin感谢您的回答。我从doc复制了组件。“render”是否必须始终位于组件中？正确，在有状态组件（扩展React.Component的组件）中，您必须具有

render（）

功能如果解决了您的问题，请不要忘记接受答案：）