要对 Antd Collapse Panel 元素的 'extra' 参数进行样式化，可以使用 CSS 或者 Styled Components。

以下是使用 CSS 的示例：

首先，在你的 CSS 文件中定义一个类，用于样式化 'extra' 参数。例如：

.panel-extra {
  color: red;
  font-weight: bold;
}

然后，在你的 React 组件中引入该 CSS 文件，并将 'extra' 参数的值设置为带有该类的元素。例如：

import React from 'react';
import 'path/to/your/css/file.css';
import { Collapse } from 'antd';

const { Panel } = Collapse;

const Example = () => {
  return (
    
      Extra Content}>
        Content 1
      
      Extra Content}>
        Content 2
      
      Extra Content}>
        Content 3
      
    
  );
}

export default Example;

现在，'extra' 参数的内容将应用 'panel-extra' 类的样式。

如果你想使用 Styled Components 进行样式化，可以按照以下步骤操作：

首先，安装 Styled Components：

npm install styled-components

然后，在你的 React 组件中导入并使用 Styled Components。例如：

import React from 'react';
import styled from 'styled-components';
import { Collapse } from 'antd';

const { Panel } = Collapse;

const StyledExtra = styled.span`
  color: red;
  font-weight: bold;
`;

const Example = () => {
  return (
    
      Extra Content}>
        Content 1
      
      Extra Content}>
        Content 2
      
      Extra Content}>
        Content 3
      
    
  );
}

export default Example;

现在，'extra' 参数的内容将应用 Styled Components 中定义的样式。