在next/react组件中实现page javascript

文章/答案/技术大牛

发布

1回答

javascript、reactjs、react-native、sass、next.js

我正在尝试实现一个项目，比如： https://codepen.io/andytran/pen/GpyKLM 正如您所看到的，页面需要javascript才能正常工作。我正在尝试构建一个Next/React组件来实现以下代码： import React, { Component } from 'react'; <script src="https:/

浏览 25提问于2021-03-28得票数 0

回答已采纳

2回答

有没有办法使用Next.js动态导入来导入函数？Next.js ssr的react-component-export-image问题

javascript、reactjs、next.js

我在导入react-component-export-image时遇到了“窗口未定义”的错误，所以我使用了动态导入来解决这个问题。如果没有，是否有不同的npm库可以从react组件生成图像？import React, { useRef } from 'react' // import { exportComponentAsPNG } from 'react-component-export-image' *Th

浏览 64提问于2021-11-16得票数 1

回答已采纳

2回答

使用useEffect()复制componentDidMount逻辑以在客户端加载外部JavaScript

javascript、reactjs、next.js

我正在NextJS项目中实现一个富文本编辑器。它没有React组件，而且它只在客户端运行，所以我必须从外部源加载JavaScript和CSS文件并解决SSR问题。该工具作为一个类组件工作得很好，但我想将它移植到一个功能组件中。但是一旦我刷新了页面，我就失去了编辑器。我认为这是因为组件没有挂载，但现在我检查了一下，但问题仍然存在。我尝试了各种方法，包括禁用了SSR的Next动态导入，但到目前为止只有下面的类方法有效(编

浏览 0提问于2020-09-06得票数 0

1回答

在React数据网格中，需要为数据添加分页

reactjs、react-data-grid

我们正在使用react数据网格，需要在其中添加分页。我没有找到任何关于这方面的参考资料。请推荐任何参考资料

浏览 18提问于2020-06-24得票数 0

3回答

访问TypeError时Next.js上的window.google

javascript、reactjs、next.js、google-signin

我正在尝试在我的下一个应用程序中加入谷歌标志功能。我就是这么做的。在_document.js中import Document, {Html, Head, Main, NextScript } from 'next{/* This should add `google` to `window` */} <script type="applic

浏览 10提问于2021-11-12得票数 1

4回答

. is对象不是函数

javascript、reactjs、next.js

我使用Next.js来呈现一个应用程序。在我的页面中，我有/index，它封装在我的仪表板布局中。这是绝对好的，没有任何问题。我的页面中也有/item和/add，这些项也包装在仪表板布局中，但是，当我调用/index以外的任何内容时，都会出现以下错误： TypeError: Object(...) is not a function/pages/index/index.js (C:\Users\User\Documen

浏览 0提问于2018-04-25得票数 1

4回答

可以在不呈现HTML的情况下使用React吗？

javascript、reactjs

我想知道是否可以使用React来执行逻辑并将数据发送回javascript函数，而无需呈现任何html。我正在考虑的组件是将一些数据传递给的组件，它将把数据发送回react之外的javascript函数。

浏览 7提问于2014-02-28得票数 85

回答已采纳

1回答

如何将多个URL添加到一个组件？

javascript、reactjs、react-router、next.js

我使用Next.js 我需要为每个URL打开相同的组件，比如'，'，'‘这个组件：importPropTypes from 'prop-types';import { connect } from '<em

浏览 3提问于2020-12-29得票数 1

1回答

无法将其他道具传递给{this.props.children}

reactjs、jsx、next.js

我刚开始使用React，并且想要将某个参数作为道具传递给布局组件(即父组件)中的{this.props.children}。我也在使用next.js进行路由，会不会有不同的方法来使用next来实现这个功能呢？ /Header';import Head from 'next

浏览 68提问于2019-12-14得票数 1

1回答

使用钩子的动态反应分页

reactjs、pagination、react-hooks

我使用钩子实现了一个简单的分页组件，但现在我想使分页成为动态的，我已经尝试了很多方法，但都不起作用 <%1%2%3%4> <2 3 4 5 6> 我想实现类似这样的东西。现在所有的页码都显示出来了，请注意页数来自后端 import React, { useEffect, useState } from 'react'; if (pageNumbers.length - 1 > current

浏览 12提问于2020-04-21得票数 0

2回答

React组合:公开高阶方法

reactjs

因为我看到React团队不鼓励开发人员使用继承，所以我尝试使用组合。export class Page extends React.PureComponent { </div>

浏览 1提问于2017-01-12得票数 1

回答已采纳

2回答

在有条件加载Reactjs组件时减少代码冗余

javascript、reactjs、jsx

我试图在类似父级的组件<Block1>中加载不同的反应组件。我想要实现的是，当我按下"next"按钮<Button1>时，<Component2>必须在<Block1>中加载，而下一步“按钮应该更改为”以前的“”，但是单击<code>E 110</code>“E211是否有一种仅按一下按钮就可以更改<Block1>内部组件的方法？({ next: fun

浏览 2提问于2016-05-25得票数 2

回答已采纳

3回答

不能在React组件中增加变量

reactjs、typescript

我正在学习React，并尝试为使用此组件的用户调用API：但是，当我单击next按钮时，将触发next方法，该方法应该将页面变量更新为“2”，但不会发生。import React , {Component} from "react"; } this.

浏览 6提问于2021-12-18得票数 1

1回答

向分页中添加页码

reactjs、pagination

我有以下代码：import Box from './Box' import '../..，每页有9个组件。不过，我在此有两个问题：如何实现“停止”机制，以便当用户到达最后一个页面时，<Next Page>按钮变成非活动(而<Previous Page&g

浏览 0提问于2018-03-10得票数 1

4回答

react-router Switch语句的NextJS路由器解决方案？

react-router、next.js

对于使用NextJS的用户，如何实现与react-router交换机行为相同的行为？基页-------some sub content <Route .. for component 1/> <Route .. for component 3 /> 这是如何

浏览 2提问于2021-01-05得票数 0

2回答

您能避免加载另一个页面已经加载的可重用组件吗？

reactjs、react-router、react-router-dom

因此，我有一个页面(我们称之为Page1)，它通过使用多个可重用组件的React.lazy动态加载，另一个页面(Page2)使用这些可重用组件，这个页面也是动态加载的。我的问题是，是否有办法防止Page2再次加载这些可重用的组件？当我分析生成的最后一个包时，我看到两个页面分别加载可重用组件，我认为理想的情况是只加载它们一次，使用这些可重用组件的每个新动态加载页面都不应该再次获取它们。

浏览 15提问于2022-11-24得票数 -2

2回答

禁用NextJS SSG - Hook对Const

javascript、reactjs、react-hooks、next.js

下面的钩子工作 const [isClientreturn ( <h1>LayerConst</h1> </>}预期服务器HTML将在<div>中包含匹配的

浏览 4提问于2022-01-05得票数 1

回答已采纳

3回答

reactJs组件的实例来呈现组件

javascript、reactjs

<div className='column'> )} 现在，在我的另一个组件中，我可以这样做；，毕竟每个组件都只是一个javascript对象。x.someFunction();有可能吗？还是我错过了什么？编辑:我清楚地知道

浏览 0提问于2016-08-25得票数 0

2回答

当url更改但不替换Next.js中的整个页面时，如何添加其他信息

reactjs、routes、next.js、nested-routes

我是Next.js的新手，我需要你的帮助。我有一个名为"workPage“的路径，它有其他导航链接，点击后，我想向用户展示新的信息以及"workPage”上的内容，但我不知道如何在Next.js中实现这一点。在React.js中，这真的很容易。有人能帮我一下吗？下面的代码应该演示我想要做的事情。这是workPage组件 import { useRouter } from "next/router

浏览 3提问于2021-11-16得票数 1

回答已采纳

3回答