将多个className作为道具传递

// 父组件
import React from 'react';
import ChildComponent from './ChildComponent';

const ParentComponent = () => {
  const classNames = ['class1', 'class2', 'class3'];

  return (
    <div>
      <ChildComponent classNames={classNames} />
    </div>
  );
};

export default ParentComponent;

// 子组件
import React from 'react';

const ChildComponent = (props) => {
  const { classNames } = props;

  return (
    <div className={classNames.join(' ')}>
      {/* 子组件内容 */}
    </div>
  );
};

export default ChildComponent;