有人可以向我解释一下代码吗？我不明白为什么代码说 !toggle inside onClick 和 ?内部回报答案

【问题标题】：Can someone please explain the code to me? I am not able to understand why the code says !toggle inside onClick and ? inside return有人可以向我解释一下代码吗？我不明白为什么代码说 !toggle inside onClick 和 ?内部回报
【发布时间】：2021-08-18 05:53:09
【问题描述】：

有人可以向我解释一下代码吗？我无法理解为什么代码在 onClick 中显示 !toggle 而在 return 中显示 ? 简而言之，由于我是初学者，因此代码让我感到困惑。

非常感谢 Ant 的帮助。

import {useState} from 'react';

const Toggle = ({children}) => {
    const [toggle,setToggle] = useState(true);
    return (
        <div onClick={() => setToggle(!toggle)}>
            {toggle ? children: ""}
        </div>
    )
}

export default Toggle

【问题讨论】：

"！"表示“不是”或与当前值和“？”相反。是三元表达式的一部分。见stackoverflow.com/a/9550412
这能回答你的问题吗？ What does this symbol mean in JavaScript?

标签： javascript reactjs react-redux react-router react-hooks

【解决方案1】：

“！”是否定的。它返回给它的相反的布尔值（例如，如果切换为假，它将返回真）。这意味着切换设置为与原来相反。

“？”是三元运算符。如果变量为真，它将选择第一个值（即孩子）。如果不是，它将选择“：”后面的值，即一个空字符串。

【讨论】：