Question

我使用ant.design布局为我的应用程序创建了一个布局，现在我想更改单击菜单项用户的内容

我也使用React-router，如果我选择了示例家庭内容，请在页面的底部添加

这是我的菜单

 <Menu  mode="inline">
   <Menu.Item key="1">
      <span>Home</span>
          <Link to='/'></Link>
  </Menu.Item>
 </Menu>

我也有索引部分

<Content style={{ margin: '0 16px' }}>

 </Content>

在我的家庭组件中，我像这样<< / p>

Content style={{ margin: '0 16px' }}>
                <p>Welcome</p>
              </Content>

所以如何以正确的布局添加房屋，而不是在按钮和感谢中

Answer 1

对于布局，您应该在主组件中遵循此结构，

<Layout>
      <Sider>Sider</Sider>
      <Layout>
        <Header>Header</Header>
         <Content>
           <p>Welcome</p>
         </Content>
        <Footer>Footer</Footer>
      </Layout>
    </Layout>

如果菜单项更改了Ant.design和Reactjs，则更改内容

1 个答案: