探索 NextJS 的服务器端渲染功能。它看起来非常好用。我已经探索了_document.js文件，我们可以将其包含以覆盖默认值。我在一个示例中找到了以下代码：import Document, { Head, Main, NextScript } from 'next/document'export default class MyDocument extends Document {render
2018-08-29
在 NextJs 应用中我想添加一个带导航的路由/cabinet，尽管应用本身已经在 _app.js 中定义了导航栏，是否可以为/cabinet和/cabinet/something添加一个 _app.js 的类似物？即为单独的目录添加带路由的导航。- pages-- api-- app.js-- index.js-- cabinet--- settings.js--- panel.js
2020-06-26
在 Next.js 中为滑入式菜单创建类切换函数的正确方法是什么？我创建了一个菜单，它具有可切换的滑入功能。有一个按钮可以切换类“切换”，然后菜单从侧面滑入。我不确定在使用 React/Next.js 时这种方法本身是否错误，在这种情况下，我希望有替代方案。因此，通常我会在页脚的某个地方内联我的切换脚本，以获得最佳速度。这是一个非常小的脚本，因此不需要包含在单独的文件中。我只是不知道在使用 Nex
2021-04-26
我想使用这个日期选择器，它可以选择日期和范围。我正在尝试将其作为我的 nextJS 项目的一部分以表单形式实现。但是，鉴于在线代码，我不太确定如何将组件添加到 nextJS 中。我已经完成了 npm install react-day-picker --saveimport React from 'react';import moment from 'moment';import Helmet f
2021-05-11
我尝试将我的 js 文件迁移到 tsx。当页面加载页面时，alldata 将从我的 api 设置，因此在 api 设置之前，alldata 只是空数组import classes from "./vertification.module.scss";import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";import { f
2021-05-30
我找到了这个React 中的下拉菜单示例，我发现它简单而且非常好用。import React, { Fragment } from "react";import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from "reactstrap";export default class Example extends React.C
我需要每 30 秒重新加载一次远程 JSON。我目前在 reactJS 中以这种方式执行，但自从转移到 NextJS 后，它就不起作用了问题是，以下内容在我当前的 ReactJS 网站中运行良好，但一旦我将其移动到 NextJS，它就会到处打印我们的错误。主要使用以下内容fetchTimeoutsessionStorageexport default function MediaControlCa
所以我已经尝试了很长时间了。在这个网站上，我需要能够放置一个脚本标记，该标记将嵌入联系表单和新闻通讯注册表单等到特定页面。因此，例如在联系页面上，联系表单脚本标记将生效。我尝试了许多不同的方法，但我无法获得我想要的结果，因为这似乎是一件非常基本的事情。我发现它最初似乎运行良好，脚本标记有效，我在页面上看到了我期望的内容。但是当您离开该页面并返回时，脚本标记不会显示。只有当我再次刷新页面时，脚本标记
2022-10-24
我需要在我的 Next.js 项目中导入本地 JS 文件。使用时：<Script type="text/javascript" src="/js.js"></Script>我收到错误：使用script标签时。<script type="text/javascript" src="/js.js"></script>我收到错误“不应使用同步脚本。”查看文档和一个问题这里，他们说将静态文件放在公共目录中
2023-02-11
我有一个父类组件，我正在其中设置本地集，如下所示：constructor(props) {super(props);this.state = {toogleForms: props.perioder.map((periode, index) => ({ index, open: !periode.bekreftet })),};this.removePeriodCallback = this.re
2018-04-05
我在这里总是出错：我试图将图片网址从父组件传递给子组件。但我总是遇到这样的错误。还有其他方法可以将图片网址数组传递给子组件吗？父组件：const { classes } = props;return(<Gridcontainerspacing={24}direction="row"justify="space-around"alignItems="flex-start"><Grid item xs
2018-08-13
我有一个已导入到 React 类组件的图像，如下所示：import Hat3 from './assets/hat3/hat3.png';要在此组件中显示此图像，我可以执行以下操作：<img src={hat3} />我有一个名为 FeaturedItem 的子组件，如下所示：<FeaturedItem hat={this.state.hat3}/>我想通过 prophat将hat3图像传递给 F
2020-01-02
我对 React 还很陌生，所以如果我的问题很愚蠢，我很抱歉，但我被困在这里。我正在尝试将数据从父组件发送到子组件父组件：export default function Dashboard() {const [msg, setMSG] = useState<string>("Hello!");return (<Table message={msg}/>);}子组件：export default f
2020-06-19
我正在使用 React 制作纸牌游戏，由于某种原因，我得到了TypeError: Cannot read property 'img' of undefined。导致错误的代码：import React, { useState } from "react";import Card from "./components/Card";const App = () => {const [cards, s
2021-07-15
我想做什么？我想设置一个对象数组，其中数组中的值取决于父组件。当前尝试执行此操作的代码是什么？以下是简化的不同文件：// Parent.export default function Parent() {const [filePaths, setFilePaths] = useState();useEffect(() => {var fileContent = JSON.parse(fs.read
2021-08-11