如果某些条件为真，如何使用typescript和react更改添加页边距、底部页边距和右侧页边距？

import React from 'react';

interface MarginProps {
  hasMargin: boolean;
}

const MarginComponent: React.FC<MarginProps> = ({ hasMargin }) => {
  const marginStyle: React.CSSProperties = {
    margin: hasMargin ? '20px 40px 30px' : '0',
  };

  return <div style={marginStyle}>Content with margin</div>;
};

export default MarginComponent;

import React from 'react';
import './MarginComponent.css';

interface MarginProps {
  hasMargin: boolean;
}

const MarginComponent: React.FC<MarginProps> = ({ hasMargin }) => {
  return (
    <div className={hasMargin ? 'with-margin' : ''}>
      Content with margin
    </div>
  );
};

export default MarginComponent;

.with-margin {
  margin: 20px 40px 30px;
}