Css 反应生成的文档（.md文件）并将自定义样式传递给组件内部的元素

我编写了一个名为MyComponent的React组件，需要编写.md文件来生成描述其使用的文档

.jsx文件中组件的结构如下所示：

export default class MyComponent extends React.Component {
    render() { 
        return ( 
            <div> <img id="image-to-style" /> </div> 
        ); 
    }
}

```jsx
const myImageStyle = {
  marginTop: '40px'
};

<MyComponent
    style={myImageStyle}
 />
```

我在这里要做的是将myImageStyle传递给组件中的img元素

为了简单起见，我没有在我的最小工作组件中添加任何属性

我想在实际的.jsx组件文件中添加一个新的样式属性，这样它在生成的文档中呈现的方式与其他方式相同，但对我来说，这似乎有点骇人听闻

---

我的问题是：在生成的documentation.md文件中，使样式应用于我的组件中的img元素的最佳方法是什么

事实证明，我们确实需要在组件中导入.less文件

与组件相关的样式应位于MyComponent.less文件中，而不是位于GenericStyleFileForAllComponentsBelowThisEntryFile.jsx中。然后在MyComponent.jsx中导入MyComponent.less并不是一种黑客行为，因为MyComponent.less不会在其他任何地方导入