import React, {Component} from "react";
import {Layout} from "antd";
import Main from "./Main";
const {Footer, Sider, Content} = Layout;
class App extends Component {
render() {
return (
<div>
<div>
<Layout>
<Layout>
<Sider>Sider</Sider>
<Content>Content</Content>
</Layout>
<Footer>Footer</Footer>
</Layout>
</div>
<Main />
</div>
);
}
}
export default App;
I came down the Layout code, directly from the official copy. I just removed the Header.. The display is incorrect. It is strange that typing the same code with codepen on the official website is correct.
my incorrectly displayed picture:
codepen:
I know to @ import"~ antd/dist/antd.css";
all other components of the copy can be displayed normally from the ant design official website, except for the abnormal Layout display