Reactjs 如何正确设置react组件的样式？

我正在使用react处理一个普通的旧css文件。如果我有一个组成部分，我希望能够设置它的立场，然后添加一个保证金给它。但这对我不起作用。现在我只能在组件周围放置一个，然后对div进行样式设置。我想将6个相同的组件堆叠在一起，这样更改组件内部的样式就不会起作用。我应该在这里做什么？

如果要添加作为属性传递的类名，请执行以下操作：

import React from 'react';
import ReactDOM from 'react-dom';

class App extends React.Component {
    render() {
        return (
            <div>
                <MyComponent className="some-class" />
                <MyComponent className="another-class" />
            </div>
        );
    }
}

ReactDOM.render(<App />, document.getElementById('root');

import React from 'react';

export class MyComponent extends React.Component {
    render() {
        return (
            <div className={ this.props.className }></div>
        );
    }
}

---

您可以使用

或

设置任何组件的样式。您看过吗？当我在您的示例

中设置@PurplePanda样式时，很乐意提供帮助。这同样适用于
样式
属性。