如何在ReactJS中重新加载当前页面?

丽雅·卡普里亚(Riya Kapuria):

如何在ReactJS中重新加载当前页面?在使用javascript的情况下,我们可以写出window.location.reload();如何在reactjs中做同样的事情?我可以通过UI添加新数据。但是没有刷新,我看不到列表。每当我要添加一些自身时间的数据时,我都想要。

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);
    });
  }
迈克尔·琼斯(Michael Jones):

由于React最终可以归结为普通的旧JavaScript,因此您真的可以将其放置在任何地方!例如,您可以将其放在componentDidMount()React类中的上。

在进行编辑时,您可能需要尝试如下操作:

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}
    );
  }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何单击图像并在Reactjs中重新加载当前页面?

如何在react-native中以编程方式重新加载当前页面

如何在不更改javascript中的URL的情况下重新加载当前页面一次?

当我刷新浏览器时,如何在 Ionic 3 中重新加载当前页面?

如何在不丢失任何表单数据的情况下重新加载当前页面?

Angular 6-如何重新加载当前页面?

重新加载Aurelia中的当前页面

表单未重新加载当前页面

Ajax运行外部页面,重新加载当前页面

如何在PHP中获取当前页面的URL

如何在WordPress中获取当前页面名称?

如何在JSP中检索当前页面名称?

如何在WordPress插件开发中检测当前页面

如何在MediaWiki中获取当前页面URL

如何在MVC 3中获取当前页面URL

如何在JSF中获取当前页面的URL?

如何在wordpress中获取当前页面名称

我如何在重力表格中获取当前页面

如何在MuPDF中获取当前页面?

jQuery $ .post在重新加载当前页面中不起作用

将页面内容从单独的页面获取到表单提交的div中,而无需重新加载当前页面

如何在extjs 3.4网格中加载当前页面的数据

如何在Puppeteer中重新加载页面?

如何在Wordpress中获取父页面ID和当前页面的标题?

我们如何检查当前页面是否从 ionic 2 中的侧边菜单加载

如何从iframe获取当前页面加载的网址

跟随超链接并重新加载页面(如果超链接指向当前页面)

如何在React Router中链接到具有不同参数的当前页面?

如何在请求库中获取当前页面的URL?