你能把scss文件作为道具传递给另一个react组件使用吗？

import React from 'react';
import ChildComponent from './ChildComponent';
import styles from './styles.scss';

const ParentComponent = () => {
  return (
    <div>
      <ChildComponent styles={styles} />
    </div>
  );
};

export default ParentComponent;

import React from 'react';

const ChildComponent = (props) => {
  const { styles } = props;
  return (
    <div className={styles.container}>
      <h1 className={styles.title}>Hello, World!</h1>
    </div>
  );
};

export default ChildComponent;