React代码疑问：localStorage相关状态赋值语句含义解析

1. 这行代码是否在设置localStorage？ #

没有。这行代码仅做读取操作：通过localStorage.getItem("isLoggedIn")从浏览器本地存储中获取isLoggedIn对应的值，再用这个值来初始化组件的state。

如果要设置localStorage，需要调用localStorage.setItem("key", "value")方法，这行代码里并没有这个操作。

2. 三元表达式的逻辑是不是“读到true时设为false”？ #

完全不是。这行代码的三元表达式逻辑是：

• 如果localStorage.getItem("isLoggedIn")返回的是真值（比如非空字符串、布尔值true等），就把state中的isLoggedIn设为true；
• 如果返回的是假值（比如null、空字符串、布尔值false），就把state中的isLoggedIn设为false。

简单说就是：读到有效登录标记就设为已登录，否则设为未登录，和你理解的逻辑完全相反。

另外补充：这行代码可以简化为更简洁的写法，效果完全一致：

this.state = { isLoggedIn: Boolean(localStorage.getItem("isLoggedIn")) };

内容的提问来源于stack exchange，提问作者Salman Djingueinabaye