我在react中使用ts。如何将路径链接添加到我的代码中的选项卡 import React from 'react';
import { makeStyles, Theme } from '@material-ui/core/styles';
import AppBar from '@material-ui/core/AppBar';
import Tabs from '@material-ui/core/Tabs';
import Tab from '@material-ui/core/Tab';
import
我有2页,第一个Appbar.js,我有我的顶部应用程序条和导航菜单图标按钮,当我按下,我希望我的抽屉(材料UI)在TempDrawer.js显示。
当我将所有代码都放在Appbar.js文件中时,它起了作用,但我想以某种方式将这两个页面链接起来,使Appbar.js中有按钮,但函数并返回到TempDrawer.js中。
这是因为我将TemporaryDrawer()称为另一个文件中的标记(<TemporaryDrawer/>)。
Appbar.js:
import * as React from 'react';
import Box from '@mui
我对React.js完全是个新手。我检查了类似的问题,并应用了其中的一些问题,但我仍然无法解决问题。我在下面添加了.js文件。我使用Django REST API从SQLite获取数据,并尝试将数据放入表中。GET请求提供了一个JSON文件,我尝试将其转换为合适的数据格式。 import React, {Component} from 'react';
import PropTypes from 'prop-types';
import {makeStyles} from '@material-ui/core/styles';
import B
我有一个基于mui-org/material-ui的组件库dot-components。我有另一个应用程序正在使用我的dot-components组件库,最近我注意到在我的单元测试中出现了一个控制台警告。 控制台警告 console.warn
Material-UI: The `css` function is deprecated. Use the `styleFunctionSx` instead.
at css (../../node_modules/@material-ui/system/styleFunctionSx.js:75:13)
在我的代码im中使用Dialog组件来自‘material ui/Dialog’
import React, {Component} from 'react';
import Dialog from 'material-ui/Dialog';
import FlatButton from 'material-ui/FlatButton';
import {reduxForm, Field} from 'redux-form';
class NewTaskDialog extends Component{
render()
直到上周,我的ReactJS项目一直运行良好,但从周日开始,它在npm安装上出现了以下错误:
PS C:\Projects\Interface\ClientApp> npm install
npm WARN deprecated material-ui-icons@1.0.0-beta.36: Use @material-ui/icons instead
npm WARN deprecated material-ui@0.20.2: You can now upgrade to @material-ui/core
npm WARN deprecated core-js@2.6.11: c
目前,我正在尝试在背景图像上放置一个覆盖图。由于某些原因,我似乎就是不能让背景颜色位于图像的顶部。任何建议都将不胜感激。我使用了大量的材料UI等,所以我的样式是使用JS完成的。 import React from 'react'
import Background from '../images/background.jpg'
// MUI STUFF
import Grid from '@material-ui/core/Grid'
import Container from '@material-ui/core/Container
所以我尝试在Material UI中在我的卡上显示一个图像,但是图像从来没有出现过,我非常确定图像的目录是正确的。此外,如果可能的话,有人可以帮助我模块化我的代码,因为你可以看到我的一些代码正在重复(例如,负责设置边距的框),我尝试使用HOC,但我一直收到这个错误Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export you
warning.js:36Warning:标签上的未知道具zDepth。从元素中移除这个支柱。
我在试着渲染。但它显示了上述错误。有谁能帮忙吗?
import React, { Component } from 'react';
import Divider from 'material-ui/Divider';
import paper from 'material-ui/Paper';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import Mu
嗨,我是新的反应,并写了一个小应用程序,这是不正确的工作。我正在尝试让我的Checkbox.js组件与我的SubmitButton.js组件通信,不管它是否被选中,只有当用户选中该框时,才能启用submit按钮。
我试着使用道具,正如您在下面的代码中所看到的,但是我可能做了这个可怕的错误。有人能帮我学会正确的方法吗?不确定是否重要,但我使用的是资料-UI库。谢谢。
App.js
import React from 'react';
import NavBar from './Components/NavBar'
import Form from './C
来自React菜鸟的问题!我有材料的UI反应登录表单,并试图在登录表单中使用钩子。但获取无效的钩子调用时出错。到目前为止还没有发现。请帮帮忙..loginformstyles.js是我试图在signin.js文件中使用的钩子。登录页面有两个文本字段-用户名和密码,以及一个提交按钮。 import React from 'react';
import Avatar from '@material-ui/core/Avatar';
import Button from '@material-ui/core/Button';
import CssBa
集中的、检查过的类似乎不能正常工作。我需要始终使用!重要或使用jss风格提供的材料-用户界面。例如:
CssModulesButton.module.css
.checkboxtest {
color: blue;
}
.checkboxtestworking {
color: blue !important;
}
CssModulesButton.js
import React from "react";
// webpack, parcel or else will inject the CSS into the page
import styles from
嗨,我正在使用react with material ui core。
当我尝试在排版组件中使用新的框时,我得到了标题中看到的错误。
import Typography from "@material-ui/core/Typography";
import { unstable_Box as Box } from "@material-ui/core/Box";
function sayHello() {
return (
<div >
<Typography>
<Box textAlign=
我正在尝试使用material-ui选项卡创建仪表板组件。我希望在每个选项卡中呈现一个不同的组件,它是有效的,但当我的页面加载时,我在控制台中多次收到此警告。
index.js:1 Warning: validateDOMNesting(...): <p> cannot appear as a descendant of <p>.
in p (created by ForwardRef(Typography))
in ForwardRef(Typography) (created by WithStyles(ForwardRef(Typography)))
in Wit
我正在使用Reacts material UI,但有一件事有问题。根据所有的例子https://material-ui.com/components/autocomplete/,选项列表总是显示时,点击输入框,但我想要的是只显示与搜索词相关的选项,例如在谷歌搜索框中,它只显示与在框中输入字母相关的结果。任何建议都会有帮助。 import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Input from '@material-ui/co
用户可以根据所选内容选择另一个select将出现的类别。我在另一个.js中创建了第二个组件。我已经可以查看数据,但是如何将第二个组件的值传递给父组件呢?
我想将select的值从size1,js传递给demo.js
链接:
demo.js
import * as React from "react";
import Box from "@mui/material/Box";
import InputLabel from "@mui/material/InputLabel";
import MenuItem from "@mui/mater
我尝试按照他们的上的说明将material ui从3.9.3更新到最新版本。
我运行了npm install @material-ui/core和npm install react@latest,但在部署应用程序时出现以下错误:
hoist-non-react-statics.cjs.js:70 Uncaught TypeError: Cannot convert undefined or null to object
at getPrototypeOf (<anonymous>)
at e (hoist-non-react-statics.cjs.js:70)
我已经从Material-UI.com installiert中创建了React应用程序示例。
curl https://codeload.github.com/callemall/material-ui/tar.gz/v1-beta | tar -xz --strip=2 material-ui-1-beta/examples/create-react-app
我收到以下错误消息:
npm WARN react-popper@0.7.3 requires a peer of react@0.14.x || ^15.0.0 but none is installed. You must ins