不能将 MUI 组件与脉轮一起使用

Question

我在我的整个项目中使用脉轮 ui，但脉轮似乎没有日期选择器组件，所以我尝试使用 Material，但似乎没有仅当我删除 index.js

中的 ChakraProvider 时才工作

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import { ChakraProvider } from '@chakra-ui/react';

ReactDOM.render(
    <React.StrictMode>
        <ChakraProvider>
            <App />
        </ChakraProvider>
    </React.StrictMode>,
    document.getElementById('root')
);

Answer 1

根据我的经验，我建议不要在一个项目中使用两个框架。最近，我遇到了一个相同的问题。我也想用MUI的一个组件，在论坛里问了一个问题，得到了如下答案。

IMO it depends on your project configuration (webpack, for example) if you are doing proper tree shaking, as the productions only get what you use, the downside is for sure that node_modules swells up and it swells a lot.

我决定使用一个使用 date-fns react-date-range 的库。实施非常简单，没有麻烦。如果你只需要一个日期选择器，我推荐这个库：react-datepicker

不能将 MUI 组件与脉轮一起使用

can't use MUI components with chakra

reactjs

material-ui

chakra-ui