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

Question

我在我的整个项目中都使用了脉轮用户界面，但脉轮似乎没有日期选择器组件，所以我尝试使用 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