问instance.render不是reactjs中的函数错误

EN

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import SearchBar from './components/search_bar.js';
const API_KEY='AIzaSyA4c4bzl1At2c0IAJXU939D1vAIUwAn3Ss';
const App = ()=>{
  return(
     <div>
      <SearchBar/>
     </div>
  );
}



ReactDOM.render(<App />, document.getElementById('root'));

import React, { Component } from 'react';
class SearchBar extends React.Component{
  constructor(props){
     super(props);
     this.state={
       term:''
     };
     this.onInputchange=this.onInputchange.bind(this);
  }

  onInputchange(event){
   console.log(event);
  }
  render(){
     return(
        <div className="search_bar">
         <input
             onChange={this.onInputchange}
         />
         </div>
     );
   }

}
export default SearchBar;