Material-UI InputLabel在由另一个输入字段设置输入值时覆盖文本
InputLabel 是 Material-UI 提供的一个组件，用于创建表单输入元素的标签。它通常与 TextField 或 SelectField 等输入组件一起使用。
当另一个输入字段设置输入值时，InputLabel 的文本可以被覆盖。这意味着当用户在输入字段中输入内容时，InputLabel 的文本会移动到输入字段的上方或缩小，并且可能发生其他动画效果，以提醒用户输入内容。
InputLabel 的优势包括：
- 提升用户体验：通过覆盖文本的方式，InputLabel 可以更好地引导用户输入，使用户更加明确当前输入字段的用途和期望输入内容。
- 支持多种输入类型：InputLabel 可以与不同类型的输入字段一起使用，例如文本字段、数字字段、日期选择字段等。
- 高度可定制化：Material-UI 提供了丰富的样式和属性来定制 InputLabel，使其适应不同的设计风格和需求。
InputLabel 的应用场景包括但不限于：
- 表单输入：在表单中，InputLabel 可以与不同的输入字段组合，提供清晰的标签，帮助用户填写正确的信息。
- 注册和登录页面：在用户注册和登录页面中，InputLabel 可以用于提示用户输入用户名、密码等关键信息。
- 数据过滤和搜索：当用户需要输入特定条件进行数据过滤或搜索时，InputLabel 可以指导用户输入相关的搜索关键字或过滤条件。
推荐的腾讯云相关产品：腾讯云 Serverless 云函数（SCF），腾讯云对象存储（COS），腾讯云数据库云服务（CDB）。
腾讯云 Serverless 云函数（SCF）：腾讯云的无服务器计算产品，提供高度可扩展的、按需运行的计算能力，可用于处理输入字段的数据逻辑和交互。
腾讯云对象存储（COS）：腾讯云提供的存储服务，适用于存储和管理各种类型的文件和数据。可以用于存储和管理用户上传的文件、输入字段的数据等。
腾讯云数据库云服务（CDB）：腾讯云的数据库服务，提供稳定可靠的数据库存储和管理能力。可用于存储和管理用户提交的数据、输入字段的数据等。
更多关于腾讯云 Serverless 云函数、腾讯云对象存储和腾讯云数据库云服务的详细信息和产品介绍，请访问腾讯云官方网站：
- 腾讯云 Serverless 云函数：https://cloud.tencent.com/product/scf
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云数据库云服务（CDB）：https://cloud.tencent.com/product/cdb
相关·内容
2回答
使所选项目适合一行，而不是两行
、、、、
我有一个非常简单的选择，当我点击菜单时，它会显示3个选项，每个选项都在一行上。但是，当我选择一个项目时，它显示在两行上:一行用于文本，另一行用于图标。我怎么才能让它变成一行？ import "./styles.css";
import EditIcon from "@material-ui/icons/Edit";
import ListItemIcon from "@material-ui/core/ListItemIcon";
import ListItemText from "@material-ui/core/ListItemT
浏览 37提问于2021-04-10得票数 1
回答已采纳
这段代码使用react添加动态输入字段。两个选择下拉列表和一个输入文本。当点击add按钮时。这3个输入字段的相同副本被添加到旧输入块的下面。当我更改一个选定的值时，它会自动更改其他选择输入值。例如，你选择珠宝的类型作为戒指，然后，另一种类型的jwellery也会被反映出来。我是react的初学者。
import React,{useState } from 'react'
import Grid from '@material-ui/core/Grid';
import TextField from '@m
浏览 5提问于2021-06-23得票数 1
我有一个事件处理程序handleChange，每个下拉列表(总共5个)都会被调用，因为我有一个父子组件，即在下面的代码片段中，下拉列表是从父组件调用的，像label和values这样的属性是使用props填充的。问题是，因为我有一个redux存储，组件会呈现多次，onchange事件也会被多次调用。为了限制渲染，我想使用useCallback，但依赖关系将基于用户选择的下拉值是否更改。问题是我不能访问依赖项中的事件。 import React, {useCallback} from 'react';
import { makeStyles } from '@mater
浏览 21提问于2020-04-04得票数 0
我正在设置一个多步骤表单来使用Next.js和Material-UI处理登录。在位于pages/signup.js的signup.js页面中。创建了我的多步骤表单。在此页面中，将显示为步骤内容的子组件在getStepContent(step)中定义，其下面的主组件名为SignInSide。前进和后退的步骤也在signup.js页面上定义。子窗体组件仅包含输入。我正在尝试将输入到子组件中的数据从表单输入传递到注册页面signup.js中父组件的状态，这样我就可以提交它了。父组件和子组件都是使用状态的react钩子的功能组件。 我已经尝试将属性从父组件传递到子组件，然后将TextField组件的
浏览 13提问于2019-10-19得票数 2
回答已采纳
当我将BootstrapInput更改为以下内容时： <BootstrapInput
id="age-customized-input"
placeholder="Search Title"
/> 仅当选择输入字段时，才会显示占位符文本。 你知道如何让占位符始终可见吗？ 这是我在Material-UI中使用的示例。 import React from 'react';
import { makeStyles, withStyles } from '@material-ui/core/styles'
浏览 7提问于2019-06-19得票数 0
回答已采纳
2回答
为什么选择的选项隐藏在反应中？
、、、、
我用react材料做了一个表单的简单演示，其中只有一个select字段，.I使用这个链接使用api使select选项能够在顶部显示标签(使用这个shrink={true})，并使用这个displayEmpty显示禁用的值。所以我的表单看起来像这样，没有任何验证
现在我尝试使用这个插件来验证我的表单，但是我的默认选项是隐藏的，选择框标签看起来也很尴尬，并且变得很小。
这是我的代码
import ReactDOM from "react-dom";
import React from "react";
import PropTypes from "prop-
浏览 0提问于2018-09-07得票数 2
我不知道为什么我不能让它工作。我选择了MuiInputBase-root元素，告诉它选择字段并将边框颜色设置为蓝色，然后在focus上将边框颜色设置为红色。我在这里做错了什么？ Codesandbox import React from "react";
import "./styles.css";
import { makeStyles } from "@material-ui/core/styles";
import FormControl from "@material-ui/core/FormControl";
imp
浏览 16提问于2020-04-22得票数 2
回答已采纳
准确地说，是罂粟的宽度。无论菜单项的文本有多长，我都希望弹出器的宽度始终与select组件相同。将autoWidth设置为true或false是没有帮助的。
以下是select组件的代码：
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import OutlinedInput from '@material-ui/core/OutlinedInput';
import InputLabel from '@material-
浏览 1提问于2019-06-08得票数 3
回答已采纳
1回答
如何更改活动输入的颜色？我想更改默认的蓝色的，但是找不到该怎么做。
根据我的尝试，这不是color属性的问题，也不是FormControl、InputLabel或输入中的问题。此外，也没有可用的underlineStyle支柱()
我只想在输入处于活动状态时(也就是说，用户正在使用它)将颜色更改为在我的primary中定义的theme颜色。
我使用的是Input，而不是TextField，因为我想按照使用InputAdornments。
编辑
看来我应该改变.MuiInput-inkbar-169:after的background-color了。你建议我怎么做呢?还有别的办法吗？
/* esl
浏览 2提问于2017-12-20得票数 1
回答已采纳
我使用material ui库，并在onBlur输入事件中添加了两个事件，一个由props提供，另一个在同一组件中声明。 onBlur={(props.onBlur, validation)} 但他只认出了发生在他身上的第二件事。它无法识别onBlur中的两个事件。 import React, { useState } from "react";
import FormControl from "@material-ui/core/FormControl";
import FormHelperText from "@material-ui/core/F
浏览 40提问于2019-09-14得票数 0
回答已采纳
1回答
我在react表单(formik库)中使用下面的内容来显示文本字段。
当用户在文本字段中键入某些内容时，如何将文本字段的值存储在会话存储中？如果是select，我会添加Onclick函数将所选内容存储到会话存储中。
import {Button, InputLabel,Menu,MenuItem, Select, TextField, TextareaAutosize} from '@material-ui/core'
import {styled} from "@material-ui/core/styles";
const StyledTextField
浏览 0提问于2021-04-26得票数 0
回答已采纳
2回答
我用type='number'的material-ui <OutlinedInput />控制了组件，想通过按钮清除它。但是这个组件有自我验证功能，如果我输入了像‘-8’这样的东西或者其他错误的数值，我就不能清除按钮输入。我怎么才能修复它？
示例如下：
代码：
import React from "react";
import FormControl from "@material-ui/core/FormControl";
import InputLabel from "@material-ui/core/InputL
浏览 23提问于2020-05-11得票数 1
回答已采纳
我正在用Material UI创建一个表单。该表单有两个部分。一个是用户的送货地址，另一个是帐单地址。在许多情况下，后者与前者相同，因此我提供了一个复选框，以便使用发货地址自动填写帐单地址。这是通过调用一个函数来实现的，该函数将待更新字段的值设置为另一个字段的值，该值保存在React状态中。 MUI Input组件自己处理这些字段。InputLabel组件也用于标记它们。通常，在字段中输入值时，InputLabel文本会在字段上方移动，如下所示： ? 但是，如果选中该复选框，并且通过在发货地址字段中键入来填充帐单地址字段中的值，则标签无法移开： ? 我一直无法解决这个问题，而
浏览 15提问于2019-03-01得票数 3
回答已采纳
无论我怎么尝试，似乎都无法获得Material-UI Select组件的真正占位符功能。在<Select />上使用占位符属性不起作用，看起来要么没有将该属性传递给输入，要么没有以某种方式显示出来。 通读Select组件的Material-UI演示代码，它们似乎通过使用<InputLabel />实现了占位符功能。他们有一个厚颜无耻的小动画，将它移动到输入的左上角。好的酷，这是一个很好的效果。但它不符合我们网站的设计，我想禁用它。不幸的是，disableAnimation属性只会导致标签跳到左上角，而不是完全消失。 我想让我的下拉组件显示"Select Ite
浏览 25提问于2019-08-30得票数 3
回答已采纳
我是个新手，我正在尝试弄清楚，如果我把值= {address.suburb}放入我的TextField中，为什么我不能输入我的输入： import React from "react";
import FormControl from "@material-ui/core/FormControl";
import InputLabel from "@material-ui/core/InputLabel";
import Select from "@material-ui/core/Select";
import TextFie
浏览 21提问于2021-08-27得票数 2
回答已采纳
1回答
我试图使反应-语音识别-写在一个文本字段，但出于某种原因，它是行不通的。我认为这与最后一句有关。
import React from 'react';
import Button from '@material-ui/core/Button';
import Checkbox from '@material-ui/core/Checkbox';
import CircularProgress from '@material-ui/core/CircularProgress';
import FormControlLabel fr
浏览 12提问于2022-06-15得票数 4
Im试图在编辑文本下面显示用户输入的内容，但它不能将所有文本字段链接到一起
如何使它工作，我需要显示用户在标签下输入的内容
class ComposedTextField extends React.Component {
state = {
name: '',
title: '',
email: '',
experience: ''
};
handleChange = event => {
this.setState({
name: event.t
浏览 0提问于2018-05-24得票数 0
回答已采纳
2回答
在我的项目中，我使用了类组件而不是功能组件，因为我在每个网站上都得到了所有的功能组件。你能帮我把功能组件转换成类组件吗？并请帮助我默认的第一个值所需的选择提供多个链接。
这是代码沙箱代码
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import InputLabel from '@material-ui/core/InputLabel';
import MenuItem from '@material-ui/core/M
浏览 9提问于2020-03-11得票数 3
回答已采纳
我正在尝试使用从Material-ui中选择。我想将prevState设置为默认值。我可以选择该值并将其保存在我的表中，但不能将该状态设置为默认值。
请找到代码
const [value, setValue] = useState("");
<Dialog
open={isOpen}
onClose={handleClose}
aria-labelledby="form-dialog-title"
fullWidth
>
<DialogTitle
浏览 1提问于2021-06-09得票数 0
通过按一个按钮并将showModal切换到true，我将props发送到模态组件AddEventModal。在AddEventModal组件的构造函数中，我为open分配了一个新的状态。在那之后我应该准备好了。但出于某种原因，我在AddEventModal的AddEventModal状态仍然是false。这是代码：
import React, { Component } from 'react';
import Header from '../components/Header';
import Hour from '../components/Hour
浏览 0提问于2018-12-04得票数 0
回答已采纳
1回答
如果我通过地图呈现所有这些选择，我就不知道如何使彼此独立选择。如何正确地实现，在未来的数据将从redux存储？
详细示例代码
import React from "react";
import ReactDOM from "react-dom";
import Select from "@material-ui/core/Select/Select";
import InputLabel from "@material-ui/core/InputLabel/InputLabel";
import FormControl fro
浏览 0提问于2018-10-31得票数 0
回答已采纳
我已经创建了选定的box..using功能组件.我正在从后端获得项目列表，我正在循环该列表并显示在前面的end....now中，我需要被选中的项目需要在框中显示我在这方面得到的任何一个selected...could帮助。
请在此链接中查看我的示例代码
import React from "react";
import { makeStyles } from "@material-ui/core/styles";
import InputLabel from "@material-ui/core/InputLabel";
import MenuI
浏览 6提问于2020-03-13得票数 0
回答已采纳
我正在尝试学习如何使用JSS设置样式。当InputLabel被聚焦时，我想改变标签的颜色。我最终让它在下面的代码中工作，但我不明白为什么它会工作：
import React from 'react'
import PropTypes from 'prop-types';
import { withStyles } from '@material-ui/core/styles'
import { FormControl, InputLabel, Select, } from '@material-ui/core/'
const s
浏览 0提问于2018-10-17得票数 0
3回答
当使用MUI中的选择时，我正在努力让它们正确地工作，使用高度和宽度使用'vh‘和'vw’，使用文本大小使用'vh‘。
我最终有了一个合适的方框大小，但标签文本不再居中，因为显然使用了“转换”来从左上角偏移自己。
无论如何，这是我所拥有的：
import React from "react";
import { makeStyles } from "@material-ui/core/styles";
import InputLabel from "@material-ui/core/InputLabel";
import
浏览 0提问于2019-12-05得票数 13
2回答
我正在尝试连接从库material ui中选择。我不知道为什么我不能选择option和state输出？面对这样一个问题的人？
详细代码示例
import React from "react";
import ReactDOM from "react-dom";
import Select from "@material-ui/core/Select/Select";
import InputLabel from "@material-ui/core/InputLabel/InputLabel";
import FormContro
浏览 1提问于2018-10-31得票数 0
回答已采纳
假设我们有代码：
import React from "react";
import { makeStyles } from "@material-ui/core/styles";
import InputLabel from "@material-ui/core/InputLabel";
import Input from "@material-ui/core/Input";
import MenuItem from "@material-ui/core/MenuItem";
import FormControl
浏览 6提问于2019-12-25得票数 1
回答已采纳
我有以下问题，我选择的选项消失后，我关闭并重新打开模式，有人告诉我，这是因为所有的数据丢失时，一个模式卸载？那么，如何使选定的数据仍然显示。
我能够检索所选的数据，但我只希望所选的选项在模式关闭和重新打开后仍然存在
另外，我的select组件是不可重用的，任何关于如何优化这段代码的线索
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Modal from '@material-ui/core/Modal';
impor
浏览 24提问于2020-02-10得票数 0
回答已采纳
在react中使用Material UI时，我不能用我想要的属性设置Outline Select组件的样式，如何覆盖默认样式？
我已经使用了withStyles，但是我无法达到预期的外观和感觉。例如，如果我使用Select中的自定义输入更改边框，则标签不会按预期工作，边框和标签会接触，而不是标签像浮动一样。
import { createStyles, makeStyles, withStyles } from '@material-ui/core/styles';
import OutlinedInput from '@material-ui/core/Outline
浏览 20提问于2019-07-12得票数 0
当Select组件被标记为disabled时，我希望将游标样式从default更改为not-allowed。另一个简单的样式，需要在Material UI中进行过度工程，我不知道该怎么做。 查看我试图实现的Select API的CSS部分，如下所示： import React from 'react';
import FormControl from '@material-ui/core/FormControl'
import Select from '@material-ui/core/Select'
import InputLabel fr
浏览 49提问于2019-10-15得票数 1
回答已采纳
我使用的反应仪表板由创意蒂姆。我的困惑是如何定义一个onChange侦听器
自定义输入类定义如下：
import React from "react";
import classNames from "classnames";
import PropTypes from "prop-types";
// @material-ui/core components
import withStyles from "@material-ui/core/styles/withStyles";
import FormControl from
浏览 0提问于2018-11-14得票数 0
回答已采纳
我有一个以Material-UI作为UI框架的Next.js项目。 我正在使用React hooks表单进行验证。 我的主组件有表单，我有用于不同输入字段的子组件。 我的表单组件如下图所示： import { Paper } from "@material-ui/core";
import React from "react";
import { makeStyles, withStyles } from "@material-ui/core/styles";
import CPTextBox from "../../component
浏览 157提问于2021-01-20得票数 0
回答已采纳
2回答
删除/更新选择元素选项
、、、、
我使用的是带有附加功能的物质ui选择元素，例如多重选择和复选框，我的问题是，是否有方法从select元素本身删除和更新名称？例如:通过单击“Oliver”旁边的笔，我可以更新该名称，或者单击回收站删除该名称？
代码尝试：
code:
import React, { useState } from "react";
import Checkbox from "@material-ui/core/Checkbox";
import InputLabel from "@material-ui/core/InputLabel";
import L
浏览 6提问于2022-10-20得票数 0
2回答
在与反应材料的工程中使用Ui。主题被夸大了，但是按钮和输入的颜色不会改变。
以下是创建资料Ui主题的theme.js
// @flow
import { createMuiTheme } from '@material-ui/core';
import type
{
Theme,
} from '@material-ui/core';
const theme: Theme = createMuiTheme({
palette: {
primary: {
main: '#ffa300',
light: &
浏览 1提问于2019-01-08得票数 0
回答已采纳
我不知道如何渲染轮廓输入类型(与文本蒙版一起使用时，这是标准的Material-UI输入样式之一)。 我从这里复制了代码样本：https://material-ui.com/components/text-fields/，但它只给出了常规(带下划线)输入的样本，而没有给出大纲的样本。 这就是我正在尝试做的，但它不起作用： const ExpirationMask = props => {
const { inputRef, ...other } = props
return <MaskedInput
{...other}
ref={ref =&g
浏览 22提问于2020-07-15得票数 2
回答已采纳
从"@material-ui/core": "3.9.2",升级到"@material-ui/core": "^4.0.0-rc.0",后，我遇到了一些css问题。 在输入示例中，一些css：height: auto !important;似乎丢失了： ? 我的配置与这里相同：https://material-ui.com/getting-started/installation/ 我的代码非常基础： <FormControl>
<InputLabel htm
浏览 9提问于2019-05-24得票数 0
回答已采纳
我正在尝试使用国家/地区列表来填充Material的UI，如下所示：
import React from "react";
import FormControl from "@material-ui/core/FormControl";
import InputLabel from "@material-ui/core/InputLabel";
import Select from "@material-ui/core/Select";
import MenuItem from "@material-ui/core/Men
浏览 29提问于2020-02-29得票数 2
回答已采纳
我有一个这样的动态表单模板： class betClient extends Component(
state = {
.............
}
................
const ServerConfigDetails = this.state.ServerConfigDetail.map(field => {
let SecretFields = "access_token" || "api_token" || "private_token" || "password"
浏览 10提问于2020-11-29得票数 0
嘿，伙计们，我正在学习如何反应，并有一个形式来编辑书籍的细节。我在后台使用django。我无法更新电子书，这是一个switch打开和关闭根据电子图书是否可用。开关工作正常，但数据库中没有任何数据被更改。我对如何使用开关感到困惑，我看到很多资源在说不同的事情，这是很难理解的。其余字段正在正确更新。有人能告诉我，我必须在这个switch中做哪些更改才能使它正常工作吗？
代码
import React, {useEffect, useState} from 'react'
import axiosInstance from '../../axios';
import
浏览 1提问于2020-10-31得票数 3
回答已采纳
任务是使用Material概述的输入字段(来自"@material-ui/core": "^4.12.2",的TextField组件)并使用自定义的蓝色对其进行样式设置。
以下是我所取得的成就：
当前InputLabel的主题覆盖：
import { createTheme } from "@material-ui/core/styles";
export const muiTheme = createTheme({
overrides: {
MuiInputLabel: {
outlined: {
浏览 5提问于2021-12-30得票数 0
回答已采纳
我最近刚刚切换到在我的项目中使用CSS模块，并且遇到了一些问题。
在下面的简单代码示例中，我正在创建一个输入组件，希望在创建表单时能够重用该组件作为表单字段。当我希望能够在某些情况下以不同的方式设置输入组件的样式时，问题就出现了。
FormInput.js
const FormInput = props => (
<FormControl>
<InputLabel>{props.label}</InputLabel>
<Input />
</FormControl>
);
Form.js
import
浏览 0提问于2019-05-18得票数 0
我试图将上下文添加到这个类组件中，但是却抛出了这个错误。
我是否有语法问题，还是这是一个错误？
我正在另一个组件中使用它，它运行得很好。
import React, { Component } from 'react'
import { Avatar, Button, CssBaseline, FormControl, FormControlLabel, Checkbox, Input, InputLabel, Paper, Typography, MenuItem, Select } from '@material-ui/core'
import { Lock
浏览 0提问于2020-07-12得票数 2
回答已采纳
我正在与合作，试图只在那些需要它的字段上实现monthSelect插件。如何根据传入的属性设置插件选项"monthSelectPlugin“代码行的条件？
(请参阅Flatpickrdatetime.jsx中的注释)
使用下面的代码，我得到了以下错误。另外，我相信有一种更好的方法可以让一行代码成为条件代码，我在这里就是为了它，只是不确定如何做。
错误：
Error: Flatpickrdatetime(...): Nothing was returned from render.
This usually means a return statement is missing. Or
浏览 26提问于2021-02-17得票数 0
我想使用InputBase组件来选择下拉列表。选择框显示正确，但当我单击该字段时，下拉选项不显示。我已经尝试过像input这样的其他inputComponent，它工作得很好。 我想要上面的标签在字段上，我知道我可以使用原生选择来实现这一点。但是，我想在这些组件之间共享相同的样式。 有人知道如何使用输入库来制作选择组件吗？ 提供的代码如下： import React from "react";
import "./styles.css";
import {
FormControl,
InputLabel,
InputBase,
MenuItem
浏览 44提问于2020-12-25得票数 1
回答已采纳
当滚动或选择项目时，MultiSelect框弹出继续跳转。
Codepen
import React from "react";
import { makeStyles } from "@material-ui/core/styles";
import Input from "@material-ui/core/Input";
import InputLabel from "@material-ui/core/InputLabel";
import MenuItem from "@material-ui/core/Men
浏览 4提问于2020-01-17得票数 16
回答已采纳
在这里做演示：和我收到了一些奇怪的结果。具体来说，当我从下拉菜单中选择一个项目时，this.props.value更新得很好.但是MenuItem没有出现。
如果我直接将<FormControl>标记放在render中，它就能正常工作。如果我输入了一个变量，然后用它进行setState并将其插入到呈现中.它不起作用。
示例：
import React from 'react';
import PropTypes from 'prop-types';
import { withStyles } from '@material-ui/core/s
浏览 0提问于2018-06-25得票数 1
回答已采纳
我为我的react项目使用Material UI，并使用Material UI文档中显示的select下拉菜单。单击第一组选择下拉菜单时，会弹出一个Material UI页面，其中包含与选择元素本身重叠的选项。如何使用自定义主题使弹出窗口稍微低于select元素，使其不会重叠？ import React from 'react';
import ReactDOM from 'react-dom';
import PropTypes from 'prop-types';
import { withStyles }
浏览 27提问于2019-03-25得票数 2
我目前正在第一次开发一个react-redux应用程序。我尝试创建一个组件来挑选一个大小，并将这个大小传递给商店。不幸的是，我知道我不能访问mapdispatchtoprops中组件的状态。有没有其他的解决方案可以得到同样的结果？提前感谢！ import React from 'react';
import thunk from 'redux-thunk';
import InputLabel from '@material-ui/core/InputLabel';
import MenuItem from '@material-ui/
浏览 23提问于2020-04-06得票数 0
1回答
从输入中更新资料ui选择选项
、、、、
我对Reactjs很陌生，这里我有material元素，您可以看到我有select元素的默认值，而且通过单击'ADD USER‘按钮并提交，我可以添加新的值来选择元素，而从select元素我也可以删除选项，我这里的问题是如何编辑select元素中的特定选项，当单击选项时，我已经为它添加了EditUser组件，但是不知道如何更新它，有什么建议吗？
我的代码：
App.js：
import React, { useState } from "react";
import Checkbox from "@material-ui/core/Checkbox"
浏览 3提问于2022-10-23得票数 0
日安。 我正在用React编写一段代码，其中包含一些素材-UI组件。我目前有一个带有MenuItem子组件的Select组件。Select组件的选项是带有名称的不同div。我想要的是呈现Select组件，当选择一个值时，将呈现该值的div -替换Select组件。 以下是Select component的选项： const test_options = [
{
name: "DIV 1",
div: (
<div style={{ backgroundColor: "red", height: 50, wi
浏览 32提问于2021-05-03得票数 0
回答已采纳
1回答
使用fetch，当我从State下拉列表中选择一个值时，我想要动态填充City material-ui dropdwon ( select )，但无法这样做。当我在不使用fetch的情况下做同样的事情时，它工作得很好。我认为问题出在fetch调用返回的promise上。在fetch调用中没有问题，因为我可以看到返回的城市列表。请建议一下怎么做。
import React from 'react';
import { createStyles, makeStyles, Theme } from '@material-ui/core/styles';
import
浏览 0提问于2021-08-27得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
