Gewusst wie: anpassen von Ant.design-Stile

Wer weiß, wie das anpassen Ant.design-Stile in der richtigen Art und Weise?

Ich zum Beispiel ändern möchten, die Standard-Hintergrundfarbe und die Höhe der Header-Abschnitt:

import React, { Component } from 'react';
import { Form, Layout } from 'antd';
const { Header, Footer, Sider, Content } = Layout;

export default class Login extends Component {

render () {
    return (
        <div>
            <Layout>
                <Header style={{backgroundColor: '#555555', height: '5vh'}}>header</Header>
                <Layout>
                    <Content>main content</Content>
                </Layout>
                <Footer>footer</Footer>
            </Layout>
        </div>
    )
}
}

Ist es ok, oder gibt es einen besseren Weg, um persönliche Stile?
Weil ich habe nicht gefunden, einige Komponente Attribute oder smth. wie diese.

InformationsquelleAutor Dmitry | 2018-02-05
Schreibe einen Kommentar