¿Por qué los controladores de eventos deben vincularse con el constructor mientras que el procesamiento y otros métodos no requieren lo mismo en la reacción?

Puede ver aquí en el siguiente código que para handlesubmit necesito vincularlo con el constructor pero no necesito hacer lo mismo con el método api. ¿Alguien puede explicarme la razón detrás de esto?

Gracias

 class App extends Component{ constructor (props){ super(props); this.state={ users:[], loading:false }; this.handleSubmit = this.handleSubmit.bind(this); } api(){ this.setState({ loading: true }) axios('https://api.randomuser.me/') .then(respond => this.setState({ users: [...this.state.users, ...respond.data.results], loading: false })) } handleSubmit(e){ e.preventDefault(); this.api(); } UNSAFE_componentWillMount(){ this.api(); } render(){ let {loading,users} = this.state; console.log("run") return <div className = "App"> <form onSubmit = {this.handleSubmit}> <input type="submit" value= "Refresh" /> </form> {!loading ? (users.map( user => <div key = {user.id.value}> <h2> {user.name.first} </h2> <p>{user.email}</p> </div> )) : (<Loading/>)} </div>; } } export default App;