Javascript 这台机器坏了

我试图让这个w3学校模式为我的网站工作，但当按下按钮时，它根本不会弹出。 我已经把css链接到哪里了

我有这个密码

问题是onclick prop需要一个函数

通过将第一个按钮更改为：

<button onclick={() => { document.getElementById('id01').style.display='block'}} class="w3-button w3-black">Open Modal</button>

---

但是，考虑到您使用的是React，我建议您考虑使用/设置状态，而不是直接检索和操作DOM元素。

我将button元素更改为此，并出现了一个样式错误，关于如何修复此错误，有什么想法吗？？？不要评论，只是更新你的问题。你能把你的全部代码放在codepen/jsfiddle上吗？不幸的是，我做这个项目是为了我的工作，所以我认为我的老板不会太乐意分享整个事情。但是我可以告诉你，我在使用CreateReact应用程序，我在模态中使用的所有代码都在那里，我从w3schools图书馆获得了我所有的css。你完全没有理解react的意义，并且为react编写了糟糕的代码。我建议你花点时间学习。或者，发布完整的组件代码，你已经把模态，我们可以告诉你如何做它的反应方式。

<button onclick={() => { document.getElementById('id01').style.display='block'}} class="w3-button w3-black">Open Modal</button>