Question

142

How to reload current page in ReactJS?

rated 0 times [ 147] [ 5] / answers: 1 / hits: 177212 / 7 Years ago, thu, november 9, 2017, 12:00:00

How to reload current page in ReactJS? in case of javascript we can write window.location.reload();
How to do the same in Reactjs? I'm able to add new data by UI. But without refreshing, I'm not able to see the list. I want it so that whenever I'm adding some data, it refreshes by itself.

onAddBucket() {

    let self = this;

    let getToken = localStorage.getItem('myToken');

    var apiBaseUrl = "...";

    let input = {

      "name" :  this.state.fields["bucket_name"]

    }

    axios.defaults.headers.common['Authorization'] = getToken;

    axios.post(apiBaseUrl+'...',input)

    .then(function (response) {



      if(response.data.status == 200){

      let result =  self.state.buckets.concat(response.data.buckets)

      }else{

        alert(response.data.message);

      }

    })

    .catch(function (error) {

      console.log(error);

    });

  }

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

katharinek

Add To Favorites

Follow

Total Points: 302

Total Questions: 105

Total Answers: 123

Location: Austria

Member since Thu, Jan 7, 2021

3 Years ago

katharinek questions

1 Take desktop screenshot with Electron

Sat, Jan 16, 21, 00:00, 3 Years ago

1 Typescript types for a pipe() function

Sat, Dec 5, 20, 00:00, 4 Years ago

1 How to display all items from an API in React JS?

Mon, Nov 30, 20, 00:00, 4 Years ago

1 Shopify {{cart.total_price}} not updating when used outside of CSS class

Tue, Sep 15, 20, 00:00, 4 Years ago

1 angular : reload page after redirection

Fri, Aug 21, 20, 00:00, 4 Years ago

View All

answered 7 Years ago wyattkennyc · Accepted Answer

Since React eventually boils down to plain old JavaScript, you can really place it anywhere! For instance, you could place it in a `componentDidMount()' function in a React class.

For your edit, you may want to try something like this:

class Component extends React.Component {

  constructor(props) {

    super(props);

    this.onAddBucket = this.onAddBucket.bind(this);

  }

  componentWillMount() {

    this.setState({

      buckets: {},

    })

  }

  componentDidMount() {

    this.onAddBucket();

  }

  onAddBucket() {

    let self = this;

    let getToken = localStorage.getItem('myToken');

    var apiBaseUrl = "...";

    let input = {

      "name" :  this.state.fields["bucket_name"]

    }

    axios.defaults.headers.common['Authorization'] = getToken;

    axios.post(apiBaseUrl+'...',input)

    .then(function (response) {

      if (response.data.status == 200) {

        this.setState({

          buckets: this.state.buckets.concat(response.data.buckets),

        });

      } else {

        alert(response.data.message);

      }

    })

    .catch(function (error) {

      console.log(error);

    });

  }

  render() {

    return (

      {this.state.bucket}

    );

  }

}