Javascript React materialize css模态无法工作，因为它无法读取M的模态类

所以我一直在尝试让modals以多种方式工作，普通javascript/react、react-modal和物化css。现在，使用materialize css，它看起来几乎可以正常工作，但不能正常工作，我发现以下错误：

projects.js:16 Uncaught TypeError: Cannot read property 'Modal' of undefined
    at HTMLDocument.<anonymous>

---

我的问题是：我将如何着手解决这个问题？我关于react/materialize的知识已经用光了。

Primo，看来你没有很好地使用react材料

您不必在react应用程序中使用本机materialize javascript

看这里,

如果在“信息”选项卡上，如果要在组件装载时以打开状态显示，则会看到一个属性“显示”

---

Secundo，如果您使用本机js document.ready并想使用'M'变量，您是否将本机materialize包含在index.html中？

哦，您的模式不起作用，因为您应该将模式触发器添加到链接或将弹出模式的按钮。好吗

//modal opener 
<a href="#modal1" class="modal-trigger" >open modal</a>

// the modal itself
<div class="modal" id="modal1">content here</div>

---

我已经看过了，但显然还不够好，谢谢！我将import M改为import{Modal，Button}，并在我的渲染函数中添加了，现在它可以工作了。

{
  "name": "client",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^16.9.0",
    "react-dom": "^16.9.0",
    "react-materialize": "^3.4.1",
    "react-router-dom": "^5.1.2",
    "react-scripts": "0.9.x"
  },
  "devDependencies": {},
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
  "proxy": "http://localhost:5001"
}

//modal opener 
<a href="#modal1" class="modal-trigger" >open modal</a>

// the modal itself
<div class="modal" id="modal1">content here</div>

M.AutoInit()