小编Dma*_*map的帖子

如何将 React 路由添加到 AntD 水平菜单?

我有以下组件作为主要布局。当我单击菜单项时,我希望它们导航到主页、假日日历和活动页面。我可以用这个水平菜单做什么?下面的代码显示了围绕上述页面的主要布局。我正在使用 AntD 和反应路由器。这个主要布局围绕着所有其他路由器。

import { Layout, Menu, Button, Avatar, Row, Col, Space, Dropdown } from "antd";
import React, { useState } from "react";
import { Outlet } from "react-router-dom";

const navigation = [
  { label: "Home", key: 1 },
  { label: "Holiday Calendar", key: 2 },
  { label: "Event", key: 3 },
];

const MainLayout = () => {

  const [open, setOpen] = useState(false);

  const showDrawer = () => {
    setOpen(true);
  };

  const onClose = () => {
    setOpen(false);
    window.dispatchEvent(new …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-router antd react-router-dom

4
推荐指数
1
解决办法
4254
查看次数

我想从数组中返回一个 JSON 对象

我有以下数组。

numbers = ["1","2"]
Run Code Online (Sandbox Code Playgroud)

我想将此数组转换为以下对象

numberList = {"1" : [], "2" : []}
Run Code Online (Sandbox Code Playgroud)

我试过如下。但它不起作用。我想将数字作为变量传递。

numbers.map( function(number) {
      return {number : []};
  })
Run Code Online (Sandbox Code Playgroud)

javascript arrays json

2
推荐指数
1
解决办法
84
查看次数