时间戳

首页 > 解决方案 > 在 reactjs 中使用带有 componentDidMount 的 localstorage

reactjs - 在 reactjs 中使用带有 componentDidMount 的 localstorage

问题描述

componentDidMount() {
    fetch(this.ApiURL + '/tv/dailyTV?location=' + localStorage.getItem('location'))
            .then(res => res.json())
            .then(data => {
              this.setState({
                companyname : data.static.companyname,
                companymission : data.static.companymission,
                videocount : data.static.videocount,
                companyasset : data.static.companyasset
              })
            })
  }

我想使用本地存储中的数据在我的反应应用程序中获取数据。但是组件在 localstorage 读取值之前渲染，因此 localStorage.getItem('location') 返回 null。

标签： reactjslocal-storage

解决方案

尝试这个

 this.state = {
          location : localStorage.getItem('location')
        };
    componentDidMount() {
        fetch(this.ApiURL + '/tv/dailyTV?location=' + this.state.location)

推荐阅读