Question

我正在使用一个普通的旧css文件做出反应。如果我有一个组件，我希望能够通过添加然后添加一个边距来设置它的位置。这不适合我。现在我只能放置组件然后设置div的样式。我希望将6个相同的组件堆叠在一起，因此改变组件内部的样式是行不通的。我该怎么办？

Answer 1

如果您要添加一个类名称作为属性传递的类名：

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');

然后，在MyComponent中，您可以将此类名称添加到div，如下所示：

import React from 'react';

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

如何正确设置反应组件的样式？

1 个答案: