如何解决不能读取null的属性（读取'addEventListener'）错误

我在app.js里面导入javascript jquery后一直遇到这个错误。

import React, { Component } from'react'
import "./style/style.css"
import "./js/edit.js"

class App extends Component{
  componentDidMount(){
<script type="text/javascript"  src="./js/edit.js" charset="utf-8"></script>
  }
  render(){
    return(
     <div className="container">
  <div className="row align-items-center justify-content-center">
    <div className='quote'>
            <h2 id="element"><q >quote text</q ></h2>
            <p id="author" className="d-flex flex-row justify-content-end p-1">ayoub</p>
            <button type="button" className="btn btn getquote" id="buton"  >New Quote</button> 
            <a href="#" class="fa fa-twitter"></a>
            <a href="#" class="fa fa-tumblr"></a>
<script type="text/javascript" src="./js/edit.js"></script>
   </div>
            <footer>Developped By Ayoub Stifi</footer>

   </div>
   </div>
   
    );
  }
 
}

export default App;