简体   繁体   English

如何在普通的 javascript 中使用 React Material ui 组件

[英]how to use react material ui component in plain vanilla javascript

Problem statement问题陈述

  1. so I have a plain javascript project and I have been assigned to that project to do some modifications in that application,所以我有一个普通的 javascript 项目,我已被分配到该项目以在该应用程序中进行一些修改,

  2. they want to use react component in their plain javascript application.他们想在纯 JavaScript 应用程序中使用 react 组件。

  3. so I have to replace all buttons in the plain javascript application with react component (I can used material UI button ) and all card and header components also have to be replaced.所以我必须用 react 组件替换普通 javascript 应用程序中的所有按钮(我可以使用材料 UI 按钮),并且所有卡片和标题组件也必须被替换。

  4. condition is no need to create new react application, use existing javascript application and do some modifications条件是不需要创建新的 react 应用程序,使用现有的 javascript 应用程序并进行一些修改

 document.getElementById('container').innerHTML= `<div> <div id = 'button'><div> </div>` document.getElementById('button').innerHTML= `<button>click me</button>`;
 <button>hello</button> <div id = 'container'></div>

You can't.你不能。 Material UI is a react framework. Material UI 是一个反应框架。

If you just want to add material looking buttons to your vanilla application, try something like materialize .如果你只是想在你的 vanilla 应用程序中添加材料查找按钮,请尝试像materialize之类的东西。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM