问题标签 [nextjs]

我目前正在尝试将我的 redux 商店集成到我的 Next.js 反应应用程序中。现在唯一的问题是当我尝试在我的 index.js 文件中调用 connect 时。

也许这与我的应用程序的布局方式有关？我在 index.js 中尝试了 console.log(this.props) ，但它似乎没有从提供者那里发送任何东西。

错误：在“连接（页面）”的上下文或道具中找不到“商店”。要么将根组件包装在 a 中，要么将“store”作为道具显式传递给“Connect(Page)”。

page.js

index.js

我正在尝试创建一个 Next.js 反应应用程序。其中一项要求是 youtube 播放器在更改页面时必须保持不变。唯一的问题是我不确定 Next 的工作方式是否可行。无论结构如何，页面似乎都会重新安装。

在我的应用程序中，我将 Index 导出到 page.js 作为父组件。

page.js 将始终重新安装，因此播放器将重新加载。

page.js：

index.js：

我正在使用NEXT.js 开发基于反应的 Web 应用程序， . 正如NEXT.js 中指定的，在页面加载之前获取数据的文档，我将所需的操作调度代码放在特定页面的 getInitialProps 中。但是一些数据获取调用（动作调度）比如获取经过身份验证的用户的数据对于所有页面都是通用的，所以有没有办法在页面加载之前从一个地方调度这些动作。

谢谢！

babel-plugin-inline-react-svg在我的应用程序中使用next.js，我将一些 SVG 导入到我的 Reactv16.0.0组件中，就像这样。

当我运行该代码时，页面呈现为 3 个 SVG 都相同，如下所示：

我首先渲染的 SVG 中的任何一个似乎都接管了所有其他的。如果我把<EmptyCart />它们放在第一位，它们都将是购物车图标。但真正的问题是：当我检查 DOM 时，SVG 似乎都是正确的（它们彼此完全不同）。

有人见过这个吗？这怎么可能让 DOM 说一件事而浏览器渲染另一件事呢？

在我的 nextJS 应用程序中，用户可以进行登录（登录页面），它使用令牌创建 cookie 并重定向到使用主组件的路由（主页）。

在 Main 组件中，我使用 getInitialProps 来获取 cookie 令牌。但这仅在刷新页面后才有效。所以现在我正在登录并被重定向。如果我单击按钮，则没有令牌。刷新页面后，我确实得到了一个令牌。

我怎样才能避免这种情况？我想我在服务器端做错了什么......

登录

主要的

我正在使用 apollo 对我的 nextJS 应用程序进行身份验证。现在我需要添加 i18n 支持，我面临一些基本问题：

主要是处理问题class Index extends React.Component，这是我的页面和组件的外观与示例中使用的功能版本的对比。

在文档中有这个示例如何在应用程序的页面上实现 i18next：

但我的页面正在使用class Index extends React.Component. 所以我不知道如何实现t并initialI18nStore进入我的组件。我也不明白如何将其添加getInitialProps到我现有的中：

页

我尝试将我的项目迁移到Next.js具有 SSR（服务器端渲染）功能的框架。这是我的简单页面：

我遇到的问题是：我希望我的数据来自getInitialProps第一个（这就是 SSR 的目的）。但是在发送时，我需要有关后端 API 的用户信息。但是在这个函数中，渲染发生在服务器上，所以我无法从本地存储中获取数据。你怎么能解决这个问题。

谢谢

我正在开发基于反应的 nextjs 应用程序。一些 npm 包使用外部 css 导入。我收到类似的错误

如何在我的 nextjs 应用程序中支持从外部包导入 css。我通过在 next.config.js 中进行更改来检查某处，它可以工作。但是我找不到合适的。如果有人可以帮助我解决这个问题，那就太好了。

我对 ReasonML 很陌生。我能够使用 ReasonReact 成功创建无状态组件，但我还没有弄清楚如何向组件添加自定义方法（例如Next.js' staticgetInitialProps）。

尝试getInitialProps在组件上定义方法时，我收到一个The field getInitialProps does not belong to type ReasonReact.componentSpec错误。

我应该如何在 React 组件上添加这个定义这个自定义方法？

零件

错误

reactstrap似乎与不使用 popper 的组件一起工作正常，但是当我尝试使用 DropdownToggle 和 DropdownMenu 时，我得到了popperManager is undefined. 我正在使用nextjs，但不确定这是否相关。怎么了？