首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >是否可以使用不同的CSS库为不同的组件在我们的反应网站?

是否可以使用不同的CSS库为不同的组件在我们的反应网站?
EN

Stack Overflow用户
提问于 2022-07-05 19:01:23
回答 1查看 42关注 0票数 2

例如,我有3 components==>主页,关于,联系。

是否可以使用材料ui css库用于家庭组件,语义ui css库用于About组件,以及引导用于联系人组件。

如果是,那怎么做?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-07-05 19:43:54

你当然可以,我想更好的问题是你是否应该。

混合框架可能导致不一致的用户体验。这通常是出于非技术原因而避免的。

尽管如此,有时您需要缓慢地过渡,并且您的软件的不同部分看起来可能不一样。

当您确定确实希望混合不同的ui框架时,只需遵循这些框架的常规“入门”指南即可。

下面是一个同时带有mui按钮和引导按钮的码沙箱

代码语言:javascript
运行
复制
import * as React from "react";
import * as ReactDOM from "react-dom/client";
import Button from "@mui/material/Button";
import { Button as BootstrapButton } from "react-bootstrap";

import "bootstrap/dist/css/bootstrap.min.css";

function App() {
  return (
    <>
      <Button variant="contained">Hello World</Button>
      <br />
      <br />
      <BootstrapButton variant="primary">Primary</BootstrapButton>
    </>
  );
}

ReactDOM.createRoot(document.querySelector("#app")).render(<App />);
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72874342

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档