我有一個可以呈現簡單計數器的應用程序，我用它來學習 Jest 和 Enzyme。我希望如果用戶嘗試將計數器減少到 0 以下，則顯示錯誤消息。當用戶看到錯誤并將計數器增加到 0 以上時，我希望隱藏錯誤消息。當我運行應用程序時，這工作得很好，但 Enzyme 似乎保留了錯誤消息所在的 dom 部分，即使計數器增加了。這是我的應用程序組件function App() {  const [counter, setCounter] = useState(0)  const [showError, setShowError] = useState(false)  const decrementCounter = () => {    if(counter > 0) {      setCounter(counter - 1)    } else {      setShowError(true)    }  }  const incrementCounter = () => {    if(showError) {      setShowError(false)    }    setCounter(counter + 1)  }  return (    <div className="App" data-test="component-app">      <h1 data-test='counter-display'>The counter is <span data-test='count'>{counter}</span></h1>      {showError ? <h3 style={{color: 'red'}} data-test='below-zero-error-message'>Can not go below 0</h3> : ''}      <button onClick={incrementCounter} data-test='increment-button'>Increment</button>      <button onClick={decrementCounter} data-test='decrement-button'>Decrement</button>    </div>  );}這是我的測試以及其中使用的一些功能const setup = () => shallow(<App />)const findByTestAttr = (wrapper, val) => wrapper.find(`[data-test='${val}']`)test('error message disappears when counter larger than 0', () => {    const wrapper = setup()    const decrementButton = findByTestAttr(wrapper, 'decrement-button')    const incrementButton = findByTestAttr(wrapper, 'increment-button')    decrementButton.simulate('click')    let errorMessage = findByTestAttr(wrapper, 'below-zero-error-message')    expect(errorMessage.length).toBe(1)    incrementButton.simulate('click')    errorMessage = findByTestAttr(wrapper, 'below-zero-error-message')    expect(errorMessage.length).toBe(0)})當運行應用程序并在 Chrome 中觀看 dom 時，一旦我將計數器增加到 0 以上，包含錯誤消息的部分就會被刪除。