在使用 Ant design 的 Collapse 组件时,如果包含 Map 组件,会出现兼容性问题,具体表现为 Map 组件无法正常渲染。 解决该问题的方法是将 Map 组件单独放在一个外部 Container 组件中,以避免与 Collapse 组件产生冲突。 示例代码如下:
import React from 'react'; import { Collapse } from 'antd'; import Container from './Container'; // 外部容器组件 import Map from './Map'; // 地图组件
const Panel = Collapse.Panel;
class MyCollapse extends React.Component { render() { return (
Content of panel 2
Content of panel 3
export default MyCollapse;