运行React应用时出现类型错误,TypeError:instance.render不是函数

时间:2020-06-08 15:03:15

标签: javascript reactjs ecmascript-6 react-dom

click here for error image 我是新来的反应者,我只是想在反应中显示注册表,在浏览器上调用应用程序时会显示类型错误,我不知道如何解决。

我的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

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

1 个答案:

答案 0 :(得分:2)

您正在做export default Component

正确导出您的注册组件。不是ReactComponent

export default Register