reactjs内联样式的gridColumn不考虑跨度

const MyComponent = () => (
  <div style={{ gridColumn: '1 / span 2' }}>
    Content
  </div>
);

const MyComponent = () => (
  <div style={{ gridColumn: '1 / span 2 !important' }}>
    Content
  </div>
);

const ParentComponent = () => (
  <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)' }}>
    <MyComponent />
  </div>
);

const MyComponent = () => (
  <div style={{ gridColumn: '1 / span 2' }}>
    Content
  </div>
);

import React from 'react';

const ParentComponent = () => (
  <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)' }}>
    <MyComponent />
  </div>
);

const MyComponent = () => (
  <div style={{ gridColumn: '1 / span 2' }}>
    Content
  </div>
);

export default ParentComponent;