在 React 中检查变量是否为空

要在 React 中检查 null,请使用比较来检查值是否等于或不等于 null,例如 if (myValue === null) {} 或 if (myValue !== null) {}。 如果满足条件,则 if 块将运行。

import {useEffect, useState} from 'react';

export default function App() {
  const [message, setMessage] = useState(null);

  useEffect(() => {
    // ✅ Check if NOT equal to null
    if (message !== null) {
      console.log('variable is NOT null');
    }

    // ✅ Check if null
    if (message === null) {
      console.log('variable is null');
    }

    // ✅ Check if value is NOT equal to null and undefined
    if (message !== undefined && message !== null) {
      console.log('variable is NOT undefined or null');
    }

    // ✅ Check if value is equal to null or undefined
    if (message === undefined || message === null) {
      console.log('variable is undefined or null');
    }
  }, [message]);

  return (
    <div>
      <button onClick={() => setMessage('Hello world')}>Set message</button>

      <h2>{message}</h2>
    </div>
  );
}

如果我们的第一个 if 语句,我们检查消息变量是否不等于 null

第二个示例检查变量是否等于 null

第三个 if 语句检查变量是否不等于 undefined 且不等于 null

第四个示例检查变量是否等于 undefined 或等于 null

我们使用 useEffect 钩子来跟踪消息状态变量的更改,但是我们可以在代码中的任何位置执行检查。

我们还可以检查变量是否存储真值。

真实值是所有不虚假的值。

JavaScript 中的假值是:undefinednullfalse0""(空字符串)、NaN(不是数字)。

import {useEffect, useState} from 'react';

export default function App() {
  const [message, setMessage] = useState(null);

  useEffect(() => {
    if (message) {
      console.log('✅ variable is truthy');
    }

    if (!message) {
      console.log('⛔️ variable is falsy');
    }
  }, [message]);

  return (
    <div>
      <button onClick={() => setMessage('Hello world')}>Set message</button>

      <h2>{message}</h2>
    </div>
  );
}

第一个条件检查消息变量是否存储真值。

该变量可以存储除了要满足的条件的 7 个虚假值之外的任何值。

第二个 if 语句检查变量是否存储 7 个虚假值之一 – undefinednullfalse0""(空字符串)、NaN(不是数字)。

免责声明:
1.本站所有内容由本站原创、网络转载、消息撰写、网友投稿等几部分组成。
2.本站原创文字内容若未经特别声明,则遵循协议CC3.0共享协议,转载请务必注明原文链接。
3.本站部分来源于网络转载的文章信息是出于传递更多信息之目的,不意味着赞同其观点。
4.本站所有源码与软件均为原作者提供,仅供学习和研究使用。
5.如您对本网站的相关版权有任何异议,或者认为侵犯了您的合法权益,请及时通知我们处理。
火焰兔 » 在 React 中检查变量是否为空