react-materialize 模态组件在状态更新后停止工作答案

【问题标题】：react-materialize Modal component stops working after a state updatereact-materialize 模态组件在状态更新后停止工作
【发布时间】：2020-04-16 17:37:17
【问题描述】：

来自 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"
  }

以及重现问题的代码sn-p

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;

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

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

【问题讨论】：

标签： javascript reactjs materialize

【解决方案1】：

这是一个错误。已修复 #1103 拉取请求：
https://github.com/react-materialize/react-materialize/pull/1103

【讨论】：