尝试有条件地设置react组件的样式，但该样式未应用

import React from 'react';

const MyComponent = ({ condition }) => {
  return (
    <div style={condition ? { color: 'red' } : { color: 'blue' }}>
      Conditional Styling
    </div>
  );
};

export default MyComponent;

import React from 'react';

const MyComponent = () => {
  const styles = {
    color: 'red',
    fontSize: '20px',
    backgroundColor: 'yellow'
  };

  return (
    <div style={styles}>
      Inline Styling
    </div>
  );
};

export default MyComponent;