multiple这两种模式和tagsAntd 中的有什么区别Select？我尝试了两者，它们对我来说看起来是一样的。

<Select mode="tags" {...}>
  {children}
</Select>

<Select mode="multiple" {...}>
  {children}
</Select>

我有一个基于 next.js 框架的小型网站，我想将其部署在 AWS Elastic Beanstalk 上。

我关注了getting started docs这里的https://docs.aws.amazon.com/elasticbeanstalk/latest/dg/GettingStarted.html 以及这里的https://nextjs.org/docs/deployment。然而，网站上的文档next.js并不深入。

所以我做了以下步骤：

1. npm run build在我的项目文件夹中 - 这生成了.next文件夹
2. 复制文件夹package.json里面的内容.next
3. 打开.next文件夹并压缩内容（因此所有文件都位于 zip 的根目录中）
4. 打开AWS管理控制台，选择Create a web app并上传zip文件

所有这一切都顺利进行，AWS Beanstalk 创建了环境。然后我收到了信息Healthstatus: Severe - 100.0 % of the requests are failing with HTTP 5xx. 所以我查看了日志并得到了以下信息：

Jan  2 19:44:38 ip-172-31-23-147 web: at /var/app/current/node_modules/next/dist/bin/next:27:115
Jan  2 19:44:38 ip-172-31-23-147 web: npm ERR! code ELIFECYCLE
Jan  2 19:44:38 ip-172-31-23-147 web: …

我正在实现一个通用组件，它接受asprop 作为 TypeScript 中的任何 HTML 元素。

<Component as='div' {...myProps} {...divProps} />

<Component as='button' {...myProps} {...buttonProps} />

我在尝试将组件的 prop 定义为任何 HTML 元素时迷失了方向。

请分享您的建议。

谢谢。

我在 React 中构建了一个自定义树视图，每个项目都包含一个使用 Popper 定位的下拉列表。由于子元素在渲染时不可见，因此 Popper 未正确定位下拉列表，例如：

当树在安装时打开（即子级可见）时，定位是正确的：

树中的每个级别都通过一个CategoryNavItem组件呈现，其本质上如下所示：

<div className={ className.join(' ') }>
    <div className={ `collection-nav_item-link depth${depth}` } style={{ paddingLeft: `${paddingLeft}px`}}>
        <Link to={ linkTo } onClick={() => { setIsOpen(!isOpen) }}>
            <i className="collection-nav_item-link_icon"></i>
            <span className="collection-nav_item-link_text">{ category.name }</span>
        </Link>

        <Dropdown
            toggleClassName="btn-icon-white btn-sm"
            toggleContent={ <Icon name="ellipsis-h" />}
            position="bottom-end"
            size="small"
            items={[ 
                { text: 'Edit category' },
                { text: 'Add subcategory', onClick: (() => { dispatch(openAddSubcategory(category)) }) }
            ]} />
    </div>
    { children }
</div>

该Dropdown组件是我们使用 Popper 的地方，它在其他地方也能正常工作。a 的可见性CategoryNavItem …

我试图在 Next.JS 中生成一个index.html页面getStaticPaths，但每次我尝试这样做时，它都会抛出错误或创建一个index目录而不是文件。

到目前为止，我已经尝试传递：''和in 。我也尝试添加文件，但这也不起作用。'/''index'params.pagetrailingSlash: true,next.config

[page].js我在页面目录中有一个文件。使用此文件，我生成了许多页面，因为该[page].js文件是模板文件。我使用这种模板方法是因为有很多通用组件，每个页面唯一不同的是“主要内容”。想象一下，生成 10 个页面，每个页面都有相同的导航栏和侧面菜单，但内容（文本）不同。因此，我尝试生成 10 个页面，其中之一是页面，但它index.html不是生成文件，而是生成一个目录。我该如何解决这个问题？.htmlindex

export const getStaticPaths = async () => {
    return {
        paths: [{
            params: { // Imagine the following code for another 9 pages
                page: 'index' // Only the `index` one has a problem (creates a directory instead of file)
            }
        }]
    };
}

index如果我传递除in之外的任何其他字符串，params.page则会创建一个[my_string].html页面。我希望能够 …

我正在开发这个 React 项目，我在项目根文件夹中执行了以下步骤。

1. 纱
2. 纱线开始

并且它第一次编译并运行成功。但是，在代码更改后（没有添加新库），在编译过程中会出现此错误：

./node_modules/react-dev-utils/webpackHotDevClient.js 错误：[BABEL] C:\Users\user\Documents\react_project\node_modules\react-dev-utils\webpackHotDevClient.js：找不到模块'@babel/helper-正则表达式'

我最终不得不删除整个node_modules并重新下载..有谁知道为什么会发生这种情况？

我想按照教程添加 d3 图表，但什么也没发生。我实际上不确定 useEffect() 是否处于良好的“时机”，我是否应该使用 componentDidMount，或者它是否不是添加元素的好方法......似乎我在这里遗漏了一些东西！

import React from 'react';
import * as d3 from "d3";
import { useEffect } from 'react';

function drawChart() {
  const data = [12, 5, 6, 6, 9, 10];
  const h = 100;
  const w = 100;
  const svg = d3.select("body")
    .append("svg")
    .attr("width", w)
    .attr("height", h)
    .style("margin-left", 100);
                  
    svg.selectAll("rect")
      .data(data)
      .enter()
      .append("rect")
      .attr("x", (d, i) => i * 70)
      .attr("y", (d, i) => h - 10 * d)
      .attr("width", 65)
      .attr("height", (d, i) => d …

我认为我可以使用以下语法，但它不能按预期工作（“重命名”未定义）：

const test= ({ var1, var2, renamed = var3 }) => { ...

我发现我可以执行以下操作，但我想知道是否有更简洁的方法可以在括号内执行此操作。非常感谢。

const test= ({ var1, var2, var3 }) => { ...
const renamed = var3; ...

这是代码

const fetcher = Axios.create()

fetcher.interceptors.response.use(config=>{
  return config.data
})

问题是

类型fetcher.get('...')是AxiosInstance，但实际上是AxiosInstance.data类型

那么我怎样才能正确地改变类型呢？

我有一个带有简单用户身份验证的 nextjs 应用程序。这意味着我不希望注销的用户访问一些受保护的路由。该应用程序在开发版本中成功编译并按预期工作。但是当我使用时next build，我收到一条错误消息 -

Error occurred prerendering page "/createNewAdditionalInfo". Read more: https://err.sh/next.js/prerender-error

Error: 'redirect' can not be returned from getStaticProps during prerendering (/createNewAdditionalInfo)。

这是代码 -

export async function getStaticProps(ctx) {
    let userObject;
    let id;
    const cookie = parseCookies(ctx);
    if (cookie.auth) {
        userObject = JSON.parse(cookie.auth);
        id = userObject.id;
    }
    if (!id) {
        return {
            redirect: {
                permanent: false,
                destination: '/',
            },
        };
    }

    return {
        props: {},
    };
}