如何将道具从此处传递到我将添加到Head组件下的导航栏组件?我已经在index.js页面中使用了getServerSideProps,但它在_app.js文件中似乎不起作用。 import "../_app.css";
import React from "react";
import PropTypes from "prop-types";
import Head from "next/head";
import { ThemeProvider } from "@material-ui/core/styles"
我尝试使用存储(redux)中的数据来动态地改变MuiThemeProvider的颜色。但是在App.js中渲染之后,这些数据是异步加载的,使得颜色属性对于主题提供者来说是不可访问的。如何异步更新存储? import './App.css';
import MuiThemeProvider from '@material-ui/core/styles/MuiThemeProvider'
import theme from './config/theme'
import configureStore from './store/store
我正在制作下一个js应用程序(React ),现在我正在实现head中的元标记。
所以现在我已经在_app.tsx文件中使用了_app.tsx,
import React from 'react';
import App from 'next/app';
import Head from 'next/head';
import { ThemeProvider } from '@material-ui/core/styles';
import CssBaseline from '@material-ui/core/CssBa
我试着用速递和next.js创建多个路由。
我运行npm run export,但显示以下消息。
下一次出口
使用构建目录: C:_PROJECT.next信息-复制“静态构建”目录信息-启动3名工作人员信息复制"public“目录= info -未定义(0/5)4。WrappedApp使用withRedux(MyApp) { initialState:未定义,initialStateFromGSPorGSSR:未定义} info创建了新存储区( initialStateFromGSPorGSSR:未定义} info -未定义)4。WrappedApp使用withRedux(MyApp
我有一个问题,我的客户端呈现的组件类名(用makeStyles创建的自定义类名)是jss1234格式,但是在服务器上呈现时它们是makeStyles-name-1234格式的。当我补充水分的时候会引起问题。
我已经跟踪了这里设置的服务器端:非常贴切。
我的客户入口点看起来像是:
const Main = () => {
useEffect(() => {
// clean up any server side generated styles
const jssStyles = document.querySelector('#jss-server-si
我正在尝试使用从全局.scss文件导出的一些变量来创建Material-UI主题。出现问题是因为这些变量在服务器上是undefined的(我使用的是next.js,所以页面是预先呈现的)。如何做到这一点呢?
我得到的错误(因为所有的颜色都是undefined):
Error: Material-UI: The color provided to augmentColor(color) is invalid.
The color object needs to have a `main` property or a `500` property.
以下是我的应用程序的重要部分。
_app.jsx
我有一个材料用户界面设置与SSR。我工作得很好..。
我的问题是,当我编译代码时,material会生成一些奇怪的类名,比如jss116或jss19。
在检查开发中的代码时,这真的很烦人。我希望(在我的开发环境中)有更有意义的类名。这个是可能的吗?
server.tsx
import * as path from 'path';
import * as express from "express";
import * as bodyParser from "body-parser";
import * as React from "rea
当我的对话框打开时,我试图添加“key-down”事件,但不知何故,即使对话框关闭,我的事件仍然被触发。 我包装了事件处理函数,以便在useEffect钩子中正常工作。 import React, {useCallback, useEffect} from 'react';
import Button from '@material-ui/core/Button';
import TextField from '@material-ui/core/TextField';
import Dialog from '@material-ui/
我正在使用Material-ui构建一个next.js应用程序。我正在尝试将material-ui应用到我的项目中。
我从GitHub官方页面复制了_app.js , _document.js , theme.js。
所有文件都在同一个文件夹pages中。但在运行应用程序时,出现了这个我不理解的错误。
TypeError: (0 , _material_ui_core_styles__WEBPACK_IMPORTED_MODULE_0__.createTheme) is not a function
at Object../pages/theme.js (C:\Users\micor\
我在material-ui,nextjs和typescript中有一个项目。我正在尝试让我的导航栏与nextjs一起工作: import * as React from 'react';
import AppBar from '@material-ui/core/AppBar';
import Link from "next/link";
import {Tab, Tabs} from "@material-ui/core";
export default function NavBar() {
return (
我有个问题。我正在开发一个nextJS应用程序。反应呈现我的组件两次。我知道这是因为StrictMode。但在React和nextJS文档中,我发现它们强烈建议我们使用StrictMode。但是在我正在开发的应用程序中,我使用了useEffect,我希望useEffect中的一些代码只运行一次,而不是两次!因为在那里运行两次代码,就会成为一个很坏的错误。那我该怎么做呢?我怎样才能让react在useEffect中运行一些代码呢?我把[]作为useEffect的依赖项,但是它不起作用!例如,如下所示:
`//inside a component that is a child of React.
当我将nextjs应用程序从9升级到12时,出现了一些错误,这些错误在以前的版本中没有得到处理。其中之一是:typeError: destroy is not a function
在控制台中,我可以看到它提到了next-dev.js?3515:25 Warning: useEffect must not return anything besides a function, which is used for clean-up. You returned null. If your effect does not require clean up, return undefined (or