React：判断是否为true有可能会出现的问题

今天遇到个小问题改了好久 因为state值是要改成url地址 以为是自己哪里逻辑出问题了 搞了好久才发现 是自己判断出现了错误 记录一下 写个小例子 防止二次发生 菜鸡一枚 还希望得到大佬的详解

以下是数字和字符串隐试转换规则：

1. 任何非零的数为true，0为false。
2. 字符串来说任何非空字符串为 true，空字符串为false。
   所以 0 转换成布尔为false

初始值为 true 这样的话会判断出错 更换不成功

import React from 'react';

export default function index() {
  const [count, setCount] = React.useState(true);
  const [name, nameCount] = React.useState('羽神');

  return (
    <div>
      <h1> 我的名字是{name}</h1>
      <button onClick={btnClick}>点击更换羽神</button>
    </div>
  );
  function btnClick() {
    setCount('www.baidu.com');
    if (!count) {
      nameCount('我套你猴子');
    }
  }
}

正确的判断

import React from 'react';

export default function index() {
  const [count, setCount] = React.useState('');
  const [name, nameCount] = React.useState('羽神');

  return (
    <div>
      <h1> 我的名字是{name}</h1>
      <button onClick={btnClick}>点击更换羽神</button>
    </div>
  );
  function btnClick() {
    setCount('www.baidu.com');
    if (!count) {
      nameCount('我套你猴子');
    }
  }
}