Getting type error while running react app, TypeError: instance.render is not a function

Question

click here for error image 我是 React 新手，我只是想在 React 中显示注册表单，在浏览器上运行应用程序时显示类型错误，我不知道如何修复它。

我的App.js

import React from 'react'
import logo from './logo.svg'
import './App.css'
import Register from './components/Register'

function App () {
  return (
    <div className='App'>
      <Register />
    </div>
  )
}

export default App

和component.js

import React, { Component } from 'react'

class Register extends Component {
  
  regsister () {
    alert('register')
  }

  render () {
    return (
      <div>

        <div>
          <input type='text' /><br /><br />
          <input type='text' /><br /><br />
          <button onclick={() => this.register()}>Register</button>
        </div>

      </div>

    )
  }
}

export default Component

我真的很感激一些答案感谢帮助

Answer 1

您正在做 export default Component.

正确导出寄存器组件。不是 React 库 Component

export default Register

Getting type error while running react app, TypeError: instance.render is not a function

Getting type error while running react app, TypeError: instance.render is not a function

javascript

reactjs

ecmascript-6

react-dom