react-materialize Modal组件在状态更新后停止工作

Question

状态更新后，react-materialize中的Modal组件停止工作。

这是我的package.json中的依赖项

"dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.3.2",
    "@testing-library/user-event": "^7.1.2",
    "materialize-css": "^1.0.0",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-materialize": "^3.8.3",
    "react-scripts": "3.4.1"
  }

和一个用于重现问题的代码段

import React, {useState} from 'react';
import './App.css';
import 'materialize-css/dist/css/materialize.min.css'
import 'materialize-css'
import {Button, Modal} from 'react-materialize'

function App() {

  const [text, setText] = useState('INITIAL')

  function changeText(){
    setText('AFTER')
  }

  return (    
    <div className="App">
    <p>{text}</p>
    <Button onClick={changeText}>CLICK ME</Button>
     <Modal
      header='Modal Header'
      trigger={<Button>MODAL</Button>}>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
  </Modal>      
    </div>
  );
}
export default App;

刷新页面后，如果我单击“模态”按钮，则会显示模态，但是如果我先单击“点击我”按钮，然后单击“模态”，则不会显示任何内容。

有人知道解决此问题的方法吗？

Answer 1

这是一个错误。固定于＃1103拉取请求：https://github.com/react-materialize/react-materialize/pull/1103