无法将className或style之类的属性传递给自定义组件的属性

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

const ParentComponent = () => {
  const customComponentStyle = {
    color: 'red',
    fontSize: '16px',
  };

  return (
    <div>
      <CustomComponent style={customComponentStyle} />
    </div>
  );
};

export default ParentComponent;

// 自定义组件
import React from 'react';

const CustomComponent = (props) => {
  return (
    <div style={props.style}>
      This is a custom component.
    </div>
  );
};

export default CustomComponent;

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

const ParentComponent = () => {
  const customComponentClassName = 'custom-component';

  return (
    <div>
      <CustomComponent className={customComponentClassName} />
    </div>
  );
};

export default ParentComponent;

// 自定义组件
import React from 'react';

const CustomComponent = (props) => {
  return (
    <div className={props.className}>
      This is a custom component.
    </div>
  );
};

export default CustomComponent;