javascript - 如何有条件地设置组件状态

Question

我将此作为我的主要应用程序组件，它可以工作，但前提是有本地存储数据。

如果 localStorage 为空，我正在努力寻找一种将状态设置为空数组的方法。任何有关如何做到这一点的帮助将非常感激!我尝试了许多不同的条件语句，但似乎都不起作用。

export default class App extends Component {
  constructor(props){
    super(props);
    // set variable as data from local storage
    const storageData = JSON.parse(localStorage.getItem('listItems'));
    console.log(storageData);

    // set initial state
      this.state = {
        value: '',
        url: '',
        // set items array as storage data variable
        // bug: Page only loads if localstorage available
        items: storageData
      }
    this.removeItem = this.removeItem.bind(this);
  }

Answer 1

一个简单的条件应该可以正常工作。

  this.state = {
    value: '',
    url: '',
    // If storage is not null or undefined use it,
    // otherwise use an empty array
    items: storageData || []
  }