如何防止在React中将className和样式属性传递给组件

function MyComponent(props) {
  const allowedProps = ['prop1', 'prop2'];
  const filteredProps = Object.keys(props)
    .filter(prop => allowedProps.includes(prop))
    .reduce((obj, prop) => {
      obj[prop] = props[prop];
      return obj;
    }, {});

  return <div {...filteredProps}>Hello World</div>;
}

import PropTypes from 'prop-types';

function MyComponent(props) {
  // propTypes定义
  MyComponent.propTypes = {
    prop1: PropTypes.string,
    prop2: PropTypes.number,
  };

  // 忽略className和样式属性
  const { className, style, ...otherProps } = props;

  return <div {...otherProps}>Hello World</div>;
}

import styled from 'styled-components';

const StyledDiv = styled.div`
  /* 样式定义 */
`;

function MyComponent() {
  return <StyledDiv>Hello World</StyledDiv>;
}