Is it possible to use axios get method inside any method other than componentDidMount?

Question

I am developing Weather App in React js using axios.I am using axios get method inside handleClick method.Is it ok to use like this.and here I deleted app key but I am using that in my project.

handleClick=()=>
    {
      this.setState({isClicked:true},()=>{
        const url = `https://api.openweathermap.org/data/2.5/weather?q=${this.state.city}&cnt=${this.state.country}&appid=appKey`;
          axios.get(url).then((resp)=>
          {
            this.setState({
              temperature:resp.data.main.temp
            })
          })
        })
    }

Answer 1

I think it's okay to use it in click handler. And don't forget to set isClicked as false again, if it was used to prevent double clicking:

handleClick=()=>
    {
      this.setState({isClicked:true},()=>{
        const url = `https://api.openweathermap.org/data/2.5/weather?q=${this.state.city}&cnt=${this.state.country}&appid=appKey`;
          axios.get(url).then((resp)=>
          {
            this.setState({
              temperature:resp.data.main.temp,
            })
          }).finally(() => {
            this.setState({
              isClicked: false
            })
          })
        })
    }