如何让按钮显示 + （加号）未单击时， - （减号）单击时？

Question

请参阅下面的代码。

const [expanded, setExpanded] = useState(false);

const toggleExpanded = () => setExpanded(!expanded);

<button className="plus" onClick={toggleExpanded}> + </button>

Answer 1

你可以这样做：
https://codesandbox.io/embed/inspiring-dhawan-1z3dbx?fontsize=14&hidenavigation=1&theme=dark

function main () {
  const [Sign, setSign] = useState('+')
  function handleClick () {
    if (Sign === '+') setSign('-')
    else setSign('+')
  }
  return <button onClick={handleClick}>{Sign}</button>
}