1回答
有人知道如何通过输入向AgGrid添加多个行吗？
我有一个弹出输入，在这里我可以输入我想要添加的行数。我使用console.log从输入中获取数字。
form.js
import * as React from 'react';
import Button from '@mui/material/Button';
import TextField from '@mui/material/TextField';
import Dialog from '@mui/material/Dialog';
import DialogActio
浏览 9提问于2021-10-22得票数 2
回答已采纳
2回答
我希望使Material只接受数字值，在MUI文档中，解决方案如下：
<TextField inputProps={{ inputMode: 'numeric', pattern: '[0-9]*' }} />
然而，这是针对MUI的版本5的，在我的例子中，我使用的是版本4，因此我尝试如下：
<TextField
InputProps={{
inputProps: {
inputMode: "numeric",
pattern: "[0-9]*"
浏览 8提问于2022-07-01得票数 3
回答已采纳
我想在输入标签和输入框中设置不同的颜色。我使用的材料ui主题在反应js。
我想设置黑色作为部门的标签和输入框颜色是灰色的焦点。
这是我的代码片段。
import { grey, red } from "@mui/material/colors";
import { createTheme } from "@mui/material/styles";
import { color } from "@mui/system";
const theme = createTheme({
palette: {
primary: {
浏览 6提问于2022-12-01得票数 0
2回答
我正在制作像网页一样简单的HTML/CSS/JS (没有框架)的游戏。我决定试一试的造型。我在页面上添加了一个应用程序条，但页面上方仍然有一个空白。
下面是一个例子：
<html lang="en">
<head>
<title>MUI CSS Appbar Example</title>
<link
href="https://cdn.muicss.com/mui-0.10.3/css/mui.min.css" rel="stylesheet"
浏览 9提问于2022-04-30得票数 -1
1回答
我是新来的MUI和反应。我将MUI.com中的示例“App.js具有响应菜单”中的代码复制到在at App.js中调用它的js file.Then中。会出现一个菜单。在示例代码中，有四个处理程序函数。使用的是setAnchorEInav、setAnchorEIuser。我的需要是，如果我点击产品菜单项，它应该转到网址"/product“。怎么做？任何帮助都会感谢我下一步学习MUI并做出反应。
浏览 4提问于2022-01-02得票数 1
我有一个货币输入的Mui TextField组件，我使它只在Safari浏览器中显示数字键盘。
但是当用户试图将文字字符串粘贴到字段中时，我想阻止它，并确保它只允许输入货币号输入。
import { TextField } from '@mui/material';
export default function CustomCurrencyTestScreen(props){
const [amount, setAmount] = useState('');
const handleChange = e => {
setA
浏览 3提问于2022-06-23得票数 0
2回答
我目前正在试图弄清楚，这个表单是如何在没有输入类型的submit或触发提交的事件处理程序的情况下提交的。
据我所知，这份表格无论如何也不会被修改。它只是得到了新数据的重新渲染。不知怎么的，这在我看来很棘手。
有人能给我解释一下这件事在哪里被评估吗？
Index.js
import React, { useState } from "react";
import ReactDOM from "react-dom";
import { useForm } from "react-hook-form";
import Header from "
浏览 1提问于2021-05-04得票数 0
回答已采纳
我正在开发拼车/拼车应用程序。我有驱动程序源和目标，我需要找出驱动程序源和目标之间的用户位置。我使用Node Js。
例如:假设驱动器源是Noida sec 37，目的地是Noida扇区62。用户源是Logix市中心，目的地是Noida 63。
浏览 2提问于2019-01-03得票数 0
2回答
我对ReactJS相当陌生，我正在尝试在Storybook中使用MUI组件。我只能使用web组件制作一个按钮，但是当我使用MUI时，页面显示为空白。
// ./src/components/myButton.js
import * as React from 'react';
import Button from '@mui/material/Button';
export default function myButton({ label }){
return(
<Button varia
浏览 7提问于2022-07-15得票数 1
回答已采纳
2回答
每次我在vscode中运行npm start时，我都会收到奇怪的UI错误，比如
Module parse failed: D:\Websites\rugprints\rugprints\node_modules\@mui\material\node\styles\createTransitions.js Unexpected token (58:40)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (58:40)
@ ./~/@mui/material/no
浏览 2提问于2021-11-25得票数 1
我搜索并找到了一些与此相关的东西，但似乎无法从帖子中找到一个可行的解决方案。
我的情况:我有用户，我有拼车；一个用户可能是一个拼车的司机(一个拼车可能只有一个司机)，或者一个用户可能是一个拼车的车手(一个拼车可能有多个车手)。
以下是我的最新尝试：
class Carpool < ActiveRecord::Base
attr_accessible :rider_id
belongs_to :driver, class_name: "User", foreign_key: "driver_id"
has_many :riders, clas
浏览 1提问于2013-10-28得票数 0
回答已采纳
1回答
我编写的代码与当前的YouTube视频完全一样，在视频中，卡片被一排排地显示出来，在我的例子中，它们像列一样奇怪。
为什么？默认值实际上应该是一致的。即使我在网格容器中显式地输入了direction=“行”，它仍然没有帮助。
App.js
import "./App.css";
import TourCard from "./components/TourCards";
import Container from "@mui/material/Container";
import { Grid } from "@mui/material&
浏览 6提问于2022-02-08得票数 1
回答已采纳
我正在尝试运行一个react应用程序，但是接下来会出现错误。
ERROR in ./node_modules/@mui/styled-engine/GlobalStyles/GlobalStyles.js 3:0-40
ERROR in ./node_modules/@mui/styled-engine/StyledEngineProvider/StyledEngineProvider.js 3:0-47
ERROR in ./node_modules/@mui/styled-engine/index.js 6:0-39
ERROR in ./node_modules/@mui/styled-
浏览 15提问于2022-03-22得票数 0
回答已采纳
我一直在为如何覆盖MUI 5输入标签的背景色而苦苦挣扎。我能够覆盖背景色，并在我的_theme.js文件中将其设置为蓝色，但是这个更改是全局的。有谁知道我将如何覆盖它，并使我的KeywordSearchTextField在我的index.js文件中的背景色红色遵循MUI 5的最佳实践？任何帮助都是非常感谢的！请看我在的沙箱。下面的代码片段..。
import Box from "@mui/material/Box";
import TextField from "@mui/material/TextField";
import Autocomplete from
浏览 5提问于2021-12-21得票数 0
回答已采纳
1回答
如何阅读这个表达式？
、、、
(long)&((FLASH_CONF_STRUCT*)0)->vlan
FLASH_CONF_STRUCT是一个结构类型，而vlan是这个结构的成员。
这句话怎么拼？
浏览 2提问于2019-12-27得票数 1
回答已采纳
我刚刚从升级到了，主要是因为新版本的。
对于我的安装程序，我使用的是。我使用一些自定义页面。根据，我使用MUI_HEADER_TEXT宏在自定义页面函数中设置页面标题上的文本，例如：
[...]
Page custom InstallType
LangString PAGE_INSTALL_TYPE_TITLE ${LANG_ENGLISH} "Installation Type"
LangString PAGE_INSTALL_TYPE_SUBTITLE ${LANG_ENGLISH} "Choose installation type."
Functio
浏览 8提问于2016-08-10得票数 6
回答已采纳
我有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
浏览 7提问于2022-02-05得票数 1
回答已采纳
我的依赖项
"dependencies": {
"@craco/craco": "^6.4.0",
"@emotion/core": "^10.1.1",
"@emotion/react": "^11.5.0",
"@emotion/styled": "^11.3.0",
"@material-ui/core": "^5.0.0-beta.5",
"@materia
浏览 3提问于2021-11-05得票数 1
回答已采纳
当background-color组件拥有selected={true}时，我尝试应用selected={true}
此外，我还想在MenuItem组件悬停时应用一种样式。
我怎么能这么做？
import * as React from "react";
import Paper from "@mui/material/Paper";
import MenuList from "@mui/material/MenuList";
import Stack from "@mui/material/Stack";
import { Me
浏览 10提问于2022-08-12得票数 1
回答已采纳
我正在尝试自定义MUI Select组件下拉元素的设计(边框、半径边框)。
MUI文档提到了用于覆盖和样式各种子组件的各种属性，但是对于下拉列表本身则没有任何属性。其原因可能是下拉呈现出根组件，位置相对于页面是绝对的。
你知道我怎么才能把下垂画成这样吗？下面是组件当前状态的屏幕截图：
我能够自定义MUI Select组件的输入元素的设计。
浏览 10提问于2018-05-15得票数 20
我有一个叫Main.kt的Kotlin文件
package com.ahp.mui
fun main(args: Array<String>) {
println("...")
println("Hello World")
}
项目设置为KotlinJS项目。
一旦我点击了编译，我就会看到生成了以下文件：
target/production/ahp-mui/ahp-mui.js
target/production/ahp-mui/ahp-mui.js.map
target/production/ahp-mui/ahp-mui.m
浏览 7提问于2016-05-30得票数 1
回答已采纳
我现在正在尝试创建一个使用材料的网站-ui和react。我需要将自己的风格添加到mui组件中。为此，我使用了“@mui”中的makeStyle，但问题是，如果我想对材料组件进行更改，我必须在每个阶段使用(！重要)。
下面是一个简单的例子：
App.js
import { makeStyles } from "@mui/styles";
import { Button } from "@mui/material";
const useStyles = makeStyles({
btn: {
backgroundColor: "red !imp
浏览 1提问于2022-03-25得票数 0
回答已采纳
2回答
所以我正在创建一个简单的登录页面，我试图用谷歌的材料设计来设计它。我遇到了一个CSS3框架，它能做我想做的事情，除了一件简单的事情，当我输入用户名时，浮动标签确实浮起，看起来很酷，但一旦我离开输入字段，浮动标签就会下沉，看起来非常难看，显然不是我想要的。
我创建了一个小提琴来复制问题。
<form class="" action="php/process_login.php" method="post">
<legend>Login</legend>
<div class="mui
浏览 3提问于2016-10-29得票数 0
回答已采纳
我正在使用Scalajs来管理我的Scala.js项目的NPM依赖项。我试图使用为Material组件提供Scala.js外观，但是库需要一个全局变量mui，定义如下：
var mui = require("material-ui");
mui.Styles = require("material-ui/styles");
mui.SvgIcons = require('material-ui/svg-icons/index');
window.mui = mui;
我的build.sbt中有一行build.sbt，允许我自定义金刚-邦德勒的W
浏览 1提问于2017-09-01得票数 2
回答已采纳
1回答
我使用makeStyles()创建了一个名为和应用样式的基本组件
// Welcome.js
import { makeStyles } from "@mui/styles";
const useStyles = makeStyles((theme) => {
return {
root: {
width: "100%",
maxWidth: 360,
background: theme.palette.background.default,
},
};
});
export default f
浏览 4提问于2021-11-11得票数 0
回答已采纳
我使用的是mui.com Material组件和styled-components，而不是默认的emotion。
我已经更新了我的tsconfig.json以包括
"compilerOptions": {
...,
"paths": {
...,
"@mui/styled-engine": ["./node_modules/@mui/styled-engine-sc"]
}
现在，当我使用webpack-dev-server或webpack build时，它将得到正确的解析。
但是，
浏览 9提问于2022-03-19得票数 1
我正在使用MUI设置一个react应用程序，由于我们将使用样式组件来处理我们自己的自定义样式和容器，我想我也可以按照文档配置MUI。我们也将使用纱线。
package.json的定义如下：
{
"name": "app",
"version": "0.1.0",
"private": true,
"dependencies": {
"@mui/material": "^5.4.2",
"@mui/styled-engine
浏览 9提问于2022-02-22得票数 0
我一直在努力用Next.js转换导入，使用SWC编译器。
我正在尝试使用作为的替代品，用于做空重要UI导入。
正如所记录的，我尝试过这个设置。它显示了实验性的警告，但除此之外，它忽略了所有的插件。
// next.config.js
module.exports = {
experimental: {
swcPlugins: [
[
'swc-plugin-transform-import',
{
"@mui/material": {
transform: &#
浏览 31提问于2022-09-26得票数 3
回答已采纳
我正在写材料ui反应故事书。我希望用户改变标签，下面是我已经尝试过的，输入标签不带任何没有标签的选择组件的值。我不能使用TextField，因为我正在处理select组件。我必须用输入标签来实现这一点。谢谢
import React from "react";
import { Theme, useTheme } from "@mui/material/styles";
import ReactDOM from "react-dom";
import InputLabel from "@mui/mate
浏览 3提问于2022-10-04得票数 0
回答已采纳
1回答
我正在使用MUI (v5)数据报警器作为用户生日输入。我已经把它本地化成德语了。所以输入是DD.MM.YYYY。
现在，许多德国用户正在使用像DD.MM.YY这样的短期值。但是这种输入会导致错误的值：
输入05.01.20给我Sun Jan 05 0020 00:00:00 GMT+0053。这就引出了两个问题：
我如何“强迫”用户输入四位数的年份值？输入两位数会产生有效的(但无用的)日期。
或者(这会更好)如何检查和处理两位数的年份值？我认为未来值(80)应该用作1980，而18应该导致2018。
对我来说，第二点将是更好的解决方案，因此我必须将输入一般设置为DD.MM.YY
浏览 7提问于2022-01-06得票数 1
回答已采纳
我从MUI库中添加了一个TextField，并使用useRef钩子在用户输入内容时捕获值"live“。这样做的目的是只过滤包括他键入的字符的费率。到目前为止： Object.keys(rates["rates"]) // ["EUR", "RON", "CZK", ...] 我添加了一个表单，我希望它保持不变，但按钮应该动态变化。如果用户没有输入任何内容，我希望返回所有内容(就像没有过滤任何内容一样) 我的尝试： import React, {useEffect, useRef, useState} from '
浏览 23提问于2021-10-15得票数 2
回答已采纳
1回答
我正在尝试使用官方指南将我的NextJS项目从Material UI v4升级到v5：https://mui.com/guides/migration-v4/ 执行完所有步骤后，当我启动服务器时，我在控制台中得到以下错误： Module not found: Can't resolve 'react'
Import trace for requested module:
./../node_modules/@emotion/react/dist/emotion-react.browser.esm.js
./../node_modules/@mui/styled-en
浏览 15提问于2021-10-28得票数 1
回答已采纳
我们希望通过拼车搜索来找到最优拼车，其路线经过用户的位置。拼车中的数据只是起始点和结束点。假设端点是用户和拼车创建者的公共端点，那么为用户确定合适拼车的最佳方式是什么？我们使用的是Rails3，Google Maps API v2和v3都是可能的解决方案。
浏览 5提问于2011-03-11得票数 0
2023-07-02：给定一个1~N的排列，每次将相邻两数相加，可以得到新的序列，长度是N-1
再对新的序列，每次将相邻两数相加，可以得到新的序列，长度是N-2
这样下去可以最终只剩一个数字
比如 :
3 1 2 4
4 3 6
7 9
16
现在如果知道N，和最后的数字sum，反推最原始的序列是什么
如果有多个答案，返回字典序最小的那个
字典序看做所有数字拼起来的字符串字典序
比如
1, 10, 2... 拼起来是 1102...
1, 2, 3, 4... 拼起来是 1234...
认为 1, 10, 2...的字典序更小
如果给定的n和sum，有答案，返回一个N长度的答案数
浏览 95提问于2023-07-02
我已经在类型为Select的TextField中的MenuItems中添加了复选框。当我选择其中一个MenuItems时，复选框也显示在TextField的输入中。 Req:我需要停止在TextField的输入中显示复选框。我需要严格使用带有Selcet属性的TextField。 有人能帮我一下吗？谢谢你。 ? 沙盒链接：https://codesandbox.io/s/basicselect-material-demo-forked-06gns?file=/demo.js 代码： import * as React from "react";
import Menu
浏览 47提问于2021-11-20得票数 0
1回答
我试图为使用Formik的组件之一创建一个故事。以下是组件：
import { memo } from 'react';
import { OutlinedTextFieldProps } from '@mui/material/TextField';
import { InputAdornment, TextField as MuiTextField } from '@mui/material';
import { FieldProps } from 'formik';
interface TextFieldPropsInt
浏览 9提问于2022-07-20得票数 0
1回答
我正在为GUI、电子和领域使用React进行一个项目。
在我尝试从另一个.js文件导入一个“组件”之前，一切都很好
以下是我的App.js导入部分：
import logo from './logo.svg';
import './App.css';
import * as Realm from 'realm';
import Avatar from '@mui/material/Avatar';
import Button from '@mui/material/Button';
import CssBaseli
浏览 6提问于2021-12-05得票数 0
2回答
我对量角器非常陌生，我正在修复x团队成员编写的非reg，我面临的问题是所有的测试脚本都工作得很完美，除了其中的3个，我无法找到如何开始调查这个问题或问题可能是什么。
我在这里看到的199错误主要与browser/ chrome驱动程序问题有关，但是在同一个文件夹中的其他数百个测试工作非常好，这些脚本可以跳过执行，因此它们显示结果为“失败”。
我试着检查脚本中是否有任何问题，但是脚本看起来很好。
下面是我在运行这个特定脚本时遇到的错误：
> mui-qa@1.0.0 prepro-run C:\mui_2jan
> node node_modules/typescript/bin/t
浏览 7提问于2021-02-05得票数 1
回答已采纳
1回答
我正在尝试访问qt c++中的mysql数据库。
我有不同的表，并希望在QTableView上输出它们。
我使用QSqlTableModel，它工作得很好，但是只要我想过滤结果，我就会遇到问题。
下面是我的源代码的主要部分：
mModelContacts->setTable("contacts");
mModelContacts->select();
mUi->tableContacts->setModel(mModelContacts);
void MainWindow::on_submitContactsButton_clicked()
{
sw
浏览 0提问于2016-06-24得票数 0
回答已采纳
这是我对mui的第一次体验，我无法从“@mui/图标-资料”导出通常的导入{ DehazeIcon}；给出错误(
我的package.json
{
"name": "client",
"version": "0.1.0",
"private": true,
"dependencies": {
"@emotion/react": "^11.10.0",
"@emotion/styled": "^11.10.0
浏览 12提问于2022-08-02得票数 0
我是新来的反应和摆弄材料-UI。我试图使用DataPicker，然后使用new FormData()访问表单数据--尽管它似乎使用了TextField，但start和end的值并不存在。我在开始时使用了这个表单。
我怎么弄到它们？
App.js
import * as React from 'react';
import Avatar from '@mui/material/Avatar';
import Button from '@mui/material/Button';
import CssBaseline from '@mui/m
浏览 1提问于2021-10-12得票数 1
回答已采纳
1回答
我一直在使用bootstrap，我发现material ui也是一个很好的框架，并决定开始学习如何使用它。在进入MUI组件时，我被卡住了。我想知道如何在不进行自定义的情况下使用默认的MUI组件。例如，我想复制card component并在浏览器上输出它。
例如，其中一个文档的代码是：
import * as React from 'react';
import Card from '@mui/material/Card';
import CardContent from '@mui/material/CardContent';
import C
浏览 1提问于2021-11-03得票数 5
1回答
我需要编写这样的代码，它将从指定的文件夹(轨道)中填充表，其中只包含以下.json文件：
{
"EndTime": "11:00",
"Person": [
{
"name": "one",
"age": 5
},
{
"name&
浏览 7提问于2021-11-16得票数 0
我正在使用ReactJS，我正在尝试在每个页面上显示我的不同路线(显然)。
因此，我在我的index.js中配置了不同的路由，使用react router@V6。我可以通过在URL中直接输入链接来访问我的页面，并查看内容(暂时是一个简单的文本)。
但由于某种原因，我无法显示我的资料UI抽屉(在每页)。然而，我在BrowserRouter中给我的抽屉打电话。我想我错过了一些重要的事情。
下面是我创建抽屉的代码：
//src/pages/navigation/menuDrawer.js
import {React, useState, useEffect} from 'react'
浏览 1提问于2022-03-18得票数 0
回答已采纳
1回答
<App>有<Header>和<Content>组件。我试图计算<Content>的高度，ie (应用程序高度-标题高度)。
// App.js
import { useStyles } from "./AppStyles";
import Box from "@mui/material/Box";
import Header from "./Header";
import Content from "./Content";
export default function App(
浏览 3提问于2022-07-25得票数 0
回答已采纳
1回答
如何取笑梅花的x-日期选择者？
、、、、
我在我的应用程序中添加了一个DateTimePicker，这似乎很有效，但是，我无法在Jest测试中嘲笑这个选择器。
我一直收到以下错误：
Test suite failed to run
TypeError: (0 , _material.generateUtilityClasses) is not a function
7 | import type { Property, EnumProperty } from "../../types";
> 8 | import { DateTimePicker } from "@mu
浏览 7提问于2022-05-05得票数 0
回答已采纳
1回答
如何显示消息而不是空数组
、、、
我的应用程序有两个按钮，一个显示信息，另一个隐藏信息。但是，从API加载的一些图像没有任何可用的数据，当按下显示信息的按钮时，它返回一个[]
我将如何针对那些加载了一个空数组，并添加一个字符串。例如，“没有关于这个品种的信息？”
App.js
import './App.css';
import './Dog.js';
import './index.css';
import "./Grid.js";
import NestedGrid from './Grid.js';
import Album from
浏览 17提问于2022-02-26得票数 0
回答已采纳
我正在构建一个组件库，并希望能够在其他地方使用它。
我在src/components/List/List.tsx上有以下组件
import React from 'react'
import styled from '@mui/material/styles/styled'
import MuiList, { ListProps as MuiListProps } from '@mui/material/List'
const ListStyled = styled(MuiList)`
text-decoration: none;
c
浏览 3提问于2021-11-04得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
