使用PrimeReact与内置图表和谷歌图表的集成

Question

我正在使用primereact和react-google-charts。然而，它们都要求我将组件称为Charts。当我写一个图表时，会出现错误。我应该遵循什么解决方案？

（https://i.stack.imgur.com/4qGie.png）（https://i.stack.imgur.com/5dpNr.png）

我尝试将组件称为chart，但VSCode报错。然后我尝试将其称为Gantt，但出现了上述错误。

Answer 1

你可以使用导入别名

import {Chart as GoogleChart} from 'react-google-charts';
import {Chart as PrimeChart} from 'primereact';

现在你可以在任何地方使用 GoogleChart 和 PrimeChart

<GoogleChart />
<PrimeChart />