reactjs - useState 没有更新期望的状态？

Question

我正在尝试创建一个常见问题解答页面的手风琴，useState并将图标从 + 更新为 - 处于“真实”状态，但不切换答案。它工作正常，但突然停止了。这是我的代码。

import {React,useState} from 'react'

const AccordianCard = ({question, answer}) => {
  const [show, setShow] = useState(false);

    return (
        <div className="card" >
        <div className="question_heading">
          {" "}
          <h3>{question}</h3>{" "}
          <button onClick={() => setShow(!show)}>

          { show ?   <i className="fas fa-minus"></i> : <i className="fas fa-plus"></i>
          } 
          </button>{" "}
        </div>
        
        {
            show && <p>{answer}</p>
        }
    
        
      </div>
    )
}

export default AccordianCard