next.js 相关问题

Next.js是服务器呈现的React应用程序的简约框架。

_ app.js类组件Next.js中的上下文API调度(消费者)

我需要在_app.js中使用调度上下文API方法。主要限制是我将React挂钩与Context API一起使用,因为_app.js是一个类,所以不能在其中使用挂钩。我的代码:// ...

回答 1 投票 1


localStorage未定义NextJS

我想使用getInitialProps获取数据。我使用isomorphic-unfetch lib。从'isomorphic-unfetch'导入提取...我的组件页面... Component.getInitialProps = async()=> {const res = ...

回答 1 投票 1

React + Nextjs-加载外部脚本但不一起执行

我有下一个js应用程序,我需要通过从父网站导入页眉和页脚将其与现有网站集成。它的标记以及支持的库正在交付中...

回答 1 投票 0

使用NextJS的自定义路由名称

我几天前开始从事NextJS的工作,现在我确实被屏蔽了一些我认为非常愚蠢的东西,但是我无法在Internet上找到解决方案...目前,我的网站有4页(。 ..

回答 1 投票 0

Next.js静态站点导出中的动态组件

我想使用Next.js静态站点导出,但是我也想在模板中包含动态组件,这样就不必在每次更改时都进行构建,例如'。 ..

回答 1 投票 0

Next.js:条件包装的代码拆分

我是Next.js新手。我想知道如何实现以下目标:我的目标是为现有页面创建某种后端/管理区域。我的想法是在_app ....] >>

回答 1 投票 0

警告:失败的道具类型:无效的道具`children'提供给`MenuItem`,期望是ReactNode

我正在使用Next.js应用程序中来自Semantic-Ui-React的 组件。得到这个错误,我无法弄清楚是什么原因。警告:道具类型失败:道具'...

回答 1 投票 0

如何在带有MDXJS的MDX / Markdown文件中使用i18next / react-i18next?

我们使用MDXJS包在Markdown中编写内容,并在其中使用React组件。是否可以在MDX / Markdown文件中使用i18next / react-i18next软件包?

回答 1 投票 1

是否可以在mdxjs包中使用react-i18next?

我们使用MDXJS包在markdown中编写内容,并在其中包含组件。有没有办法在markdown中使用react-i18next软件包?

回答 1 投票 1

材质用户界面:样式闪烁并消失

样式可能会显示50毫秒,然后在此SSR应用程序的以下代码中消失。我很好奇是什么原因造成的。 //此组件是/ pages文件夹中的index.tsx的子元素

回答 1 投票 0

next.js中带有CSS模块的tailwind CSS

[如何配置next.js以通过CSS模块支持同时顺风CSS?我希望tailwindcss包裹整个项目:// /tailwind.scss:global {@import“ tailwindcss / base”; @import“ tailwindcss / ...

回答 1 投票 0

我如何在next.js应用程序的窗口对象中访问google api脚本?

我正在尝试将Google api与next.js应用一起使用。我正在阅读文档,实现Google api的next.js建议是使用next.js Head组件。我加载了脚本,但是...

回答 1 投票 0

有条件地包装来自孙子的React父级

我有一个像这样的应用程序: [[[[ 在Child_A_A级别,我希望通过包装...] >>> [[< [ 一个简单的解决方案是创建两个版本,您可以将它们分成单独的组件,然后有条件地将其制成: {condition && <ViewPortSettings> <App> <Child_A> <Child_A_A /> </Child_A> </App> </ViewPortSettings>} {!condition && <App> <Child_A> <Child_A_A /> </Child_A> </App>} 据我所知,您必须使用useReducer,以防使用react的核心解决该问题。我认为context或其他任何方式都不适合此。 在Child_A_A组件中,分派操作: const [state, dispatch] = useReducer(reducer, initialState); // dispatch somewhere in your component dispatch({type: 'wrap'}) 在您的主要组件中,检查分派的操作: const initialState = {show: false}; // Reducer function reducer(state, action) { switch (action.type) { case 'wrap': return {show: true}; default: throw new Error(); } } // your main component: function Main() { const [state] = useReducer(reducer, initialState); return ( {state.show && <ViewPortSettings>} <App> <Child_A> <Child_A_A /> </Child_A> </App> {state.show && </ViewPortSettings>} ) }

回答 2 投票 0

如何显示从Node.js API发送到Next.js的验证错误

我已经创建了Node.js API,并正在使用Next.js向其发出请求。这是我的Node.js控制器。我正在使用快速验证器进行验证。如果我正确填写表格,则可以正常工作,并且...

回答 2 投票 0

使用样式化JSX的自定义媒体查询-Next v。9.0.6

[谁能指出我一个成功使用https://github.com/postcss/postcss-custom-media的示例next.js.config或postcss.js.config吗?我正在使用next v。9.0.6,也有next-css 1.0.1。 ...

回答 1 投票 0

react nextjs projet中的语义UI覆盖boostrap页面样式

我正在对现有的projet进行联合国更新,并且整个项目都使用Bootstrap,并且我想用语义UI替换引导程序的唯一地方是在我定义列表的组件中...

回答 1 投票 0

Standalone APIService需要访问redux或NextJS ctx以获取令牌

我有一个独立的APIService.js,可在我的NextJS应用程序中使用它,它可以执行一些操作,但主要是设置BASE_URL以及用户是否已登录(应该在...中添加令牌)。

回答 1 投票 0

我如何通过next.js获取客户端cookie?

我找不到使用next.js在服务器端和客户端上获取isAuthenticated变量恒定值的方法,我正在使用自定义app.js将应用程序包装在Apollo Provider中。我是...

回答 1 投票 0

处理页面刷新和前进/后退功能

我正在使用react和next.js进行API请求(来自搜索栏)并在主页上显示电影列表,每个搜索结果将带我到不同的页面,它将显示数据...

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.