有人能给我解释一下密码吗?我不明白代码为什么这么说！切换内部onClick和?内部返回

Question

有人能给我解释一下代码吗？我不明白为什么代码会显示！在onClick和之间切换内部返回简而言之，由于我是初学者，代码让我感到困惑。

蚂蚁的帮助将不胜感激。

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

Answer 1

"quot；是否定。它返回与给定值相反的布尔值(例如，如果toggle为false，它将返回true(。这意味着切换设置为与原来相反。

"quot；是三元运算符。如果变量为true，它将选择第一个值(即子值(。如果不是，它将选择"：&"；，即空字符串。