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

Question

click here for error image i am new to react and i am just trying to displaying registration form in react and it shows type error while ruuning app on browser and i dont know how to fix it .

my 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

and 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

i would really appreciate some answers Thanks for help

Where are you attaching your app to the DOM with ReactDOM.render()? — Kieren Hughes
– Kieren Hughes, Commented Jun 8, 2020 at 15:13

Guru Hadadi · Accepted Answer · 2020-06-08 15:14:15Z

2

You are doing export default Component.

Export your register component properly. Not the React library Component

export default Register

answered Jun 8, 2020 at 15:14

Guru Hadadi

13.8k2 gold badges18 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

dhananjay Over a year ago

yes issue resolved thanks for the help its working now.

Collectives™ on Stack Overflow

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

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related