更新未在react前端显示的已更改项的状态
在React前端中，如果状态已更改但未显示在界面上，可以采取以下方法来更新未显示的更改项的状态：
- 确保状态的正确性：首先要检查状态的更新是否正确，并且确保在组件中使用正确的状态值。可以使用React的
setState方法或Hooks中的useState来更新状态。 - 强制重新渲染：如果状态更新后未在界面上显示，可以尝试强制重新渲染组件。可以使用
forceUpdate方法来触发组件的重新渲染，但这种方法通常不是React推荐的做法，因为它可能导致性能问题。 - 使用React的生命周期方法：可以利用React的生命周期方法来确保状态更新后及时地在界面上显示。例如，在
componentDidUpdate方法中检查状态的更改并进行相应的处理。 - 使用React的钩子函数：如果使用函数组件，可以使用React的钩子函数来处理未显示的状态更改。可以使用
useEffect钩子来监听状态的更改，并在状态更新后执行相应的操作。 - 检查数据流：检查数据的流动是否正确。如果状态的更改需要从父组件传递给子组件，确保正确地将状态作为props传递给子组件。
以上是一些常见的方法来更新未在React前端显示的已更改项的状态。请注意，具体的解决方法可能因具体情况而异。此外，对于React开发，推荐使用腾讯云的云开发产品，该产品提供了一站式后端云服务，包括数据库、云函数等，可以方便地进行前后端集成开发。您可以了解腾讯云云开发产品的更多信息和使用方法，请访问腾讯云开发产品介绍页面：腾讯云开发。
相关·内容
大家好，我想知道，当我试图从express发送数据到react时，是否总是需要一个状态。
例如，我的server.js有一个文件：
const express = require('express');
const router = express.Router();
router.get('/', (req, res, next) =>{
res.send({'name': 'bella'})
});
module.exports = router;
这只是将我的一个发送到屏幕上，当我试图通过localhost 3
浏览 1提问于2018-04-12得票数 0
当我尝试使用Material UI创建自动完成标签时，收到以下错误： ? 自动完成的代码如下所示： import React, {useState, useEffect, useContext} from 'react';
import ReactDOM from "react-dom";
import {withStyles} from '@material-ui/core/styles';
import TextField from '@material-ui/core/TextField';
import Au
浏览 36提问于2020-03-25得票数 1
1回答
场景：我正在构建一个简单的日历web应用程序，它使用React作为前端，在后端使用MySQL作为服务器。该应用程序在首次挂载时从服务器检索所有事件的列表，并向用户显示这些事件，并允许CRUD操作。一切都如期而至。
问题：在创建、更新或删除操作时，我应该：
“独立”更新数据库和状态。
更新数据库，再次调用服务器检索新的事件列表，然后设置与此新列表相等的状态。
做点别的事吧。
data ：我的工作给人的印象是，我的数据应该有一个“单一的真实来源”，而且我觉得上面的第一个选项创造了一种情况，在某些情况下，我有两个“源”可能会变得不同步。
浏览 0提问于2018-03-24得票数 5
回答已采纳
我希望将状态更改为Closed的用户不再是分配工作项的同一个用户。
它不能是基于组的规则，因为用户A可以检查用户B的工作，反之亦然。
为什么？(背景)
我希望有一个审计跟踪谁做了这项工作(我认为是“分配给”)，谁审查它与我们的定义完成(我认为“封闭的”)，这不可能是同一个人(4眼原则)。另外，我喜欢Closed，因为它是在状态更改为Closed时自动设置的，而且即使将状态添加到布局中，系统也会阻止任何用户更改它。
我考虑过添加一个"Meets DoD“布尔字段，然后捕获谁在"DoD Reviewed”字段中检查了它，但是我想不出如何阻止用户更改“按”检查的"DoD“字段
浏览 5提问于2021-02-06得票数 1
回答已采纳
3回答
例如，让我们以一个带有注释功能的简单web应用程序为例。据我理解，当用户发布新的评论时，会发生以下情况：
显示UI加载器；
更新前端状态；
向API发送一个fetch请求以发布一个新的注释；
等待回应；
向API发送另一个fetch请求以请求新的注释列表；
等待；
用新的评论更新前端状态；
用新的注释更新UI以反映新的状态；
当前端应用程序与后端交互时，用户需要等待几乎每一次数据更改。同样，我们在PHP/Python/Ruby、ajax、服务器端呈现和模板方面也是这样做的。
这让我想，在结果基本相同的情况下，用react这样的东西增加这么多前端复杂性有什
浏览 2提问于2020-05-28得票数 2
1回答
更新单个子组件
、、
我在使用Diode 1.0.0和scalajs-Reactive0.11.1。
用例：
具有子组件列表的父组件
子模型片段包含用于异步获取图像的Pot
子组件在挂载时获取图像，Pot为Empty，更新其模型片段。
使用天真的方法，这将导致以下场景(事件的顺序可能不同)：
呈现父级。
呈现子1。
子1分派它的GetImageAction。模型片段Pot被更新为Pending。
模型被更新，导致父模型重新呈现。
所有的孩子都被重新呈现。
儿童2…N仍然有一个Empty Pot，因此它们再次触发它们的GetImageAction。
现
浏览 2提问于2016-08-31得票数 0
1回答
我正在试着找出冷杉的资源。这个场景是，我正在标记一个患者，他在某个特定的情况下到达诊所，后来意识到我标记为到达的患者是一个错误的患者。现在，我想取消遇到的已到达事件(该事件在前端应用程序中应该不可见)。请推荐适合此目的的API资源？
浏览 10提问于2019-11-14得票数 0
我是一个反应初学者，我正在学习如何与useReducer和useContext一起工作。我正在处理的一个非常简单的学习示例只是一个名为问候的组件，它接收从StateContext传递的状态，它显示来自Main.js的用户名称(Mike)，并且它有一个按钮，它应该将这个操作分派给John。问题是，当单击按钮时，什么都不会发生，并且问候语组件中的名称保持不变。我注意到，一旦发出动作console.log，就不会触发问候组件中的changeName，这意味着，我相信问候组件不会被重命名。为什么问候语没有重新显示和显示更新的名称？
这是主要的组件：
import React, { useReducer
浏览 2提问于2021-05-28得票数 2
回答已采纳
3回答
我有一个简单的例子：
import { useMemo, useState } from "react";
import "./styles.css";
const calc = (n) => (
Math.random()
)
export default function App() {
const [n, setN] = useState(1);
const r = useMemo(() =>
calc(n)
, [n])
return (
<div className="App"
浏览 0提问于2021-04-29得票数 4
我从AWS DataStore中获取数据，当从DataStore获取购物车项数据时有一个无限循环。我不知道这个循环是从哪里来的。我试图用fetchCartItems函数包装useCallback，也从useEffect钩子中删除了依赖项，但是没有什么改变。当我控制台记录cartProducts时，我会得到这个无限循环。
这是购物车项目上下文。
import React, {
useState,
useEffect,
useContext,
createContext,
useCallback,
} from "react";
import { DataSto
浏览 4提问于2022-07-20得票数 0
我正在做一个Carrousel，当它打开一个“新闻”，你可以看到一个描述在一个模式，这是完美的，但当你点击一个报价，你重定向到另一个页面与该产品的信息。
它正在工作，但当您这样做时，在consolo中显示内存泄漏的错误“Response-dom.Development.js:67警告:不能对未挂载的组件执行反应状态更新。这是一个无操作，但它表示应用程序中的内存泄漏。要修复，请取消useEffect清理函数中的所有订阅和异步任务。”
我知道使用useEffect，我不知道如何避免这种情况。
耽误您时间，实在对不起
这是"AxiosCollection“
import axios fr
浏览 7提问于2022-02-09得票数 6
回答已采纳
我使用MUI输入装饰来启用“显示/隐藏密码”，并反应状态以保留最终密码(以便通过登录传递)。
由于某些原因，缺少了最新的字符，下面是一个显示想法的代码：(链接：)
export default function InputAdornments() {
const [values, setValues] = React.useState({
password: "",
showPassword: false
});
const handleChange = (prop) => (event) => {
setValues({ ..
浏览 6提问于2022-04-13得票数 0
回答已采纳
这个问题我已经面临了几天，我正在制作一个功能组件。我正在通过onPress方法改变状态，控制台给了我想要的相同的数据，但是没有用更新后的数据重新渲染。这是零食
https://snack.expo.io/@dharmendrasha/scroll-view-search-here
这是一个示例代码
import React, { Componenet, useState } from 'react';
import { Text, View, StyleSheet, SafeAreaView, ScrollView } from 'react-native';
浏览 7提问于2020-05-12得票数 0
回答已采纳
我希望立即看到在状态上使用react的变化。我的改变比国家落后了一步。我该怎么解决这个问题。
const [categoryID, setCategoryID] = useState(0);
const changeCategory = (e) => {
setCategoryID(e.target.value);
console.log(categoryID);
};
<Field
as="select"
onChange={changeCategory}
style={formStyle().inputSty
浏览 2提问于2020-09-14得票数 3
回答已采纳
2回答
我有一个列表，我需要删除一个要删除的元素。
delete按钮的工作原理是将删除请求发送到服务器。但是，需要刷新页面才能将其从前端删除。
单击“删除”按钮后，将其删除。
我可以在前端设置一个布尔值，如下所示：
render && <ComponentToDelete />
并将render从true更改为false。
这是首选的方式，还是有一个最佳实践或更标准的方式。
我只是作为CRUD操作的一部分对项目执行删除操作。
我不确定这是否相关：
此外，这里的每个注释都是如何生成列表的：
let render;
if(new_articles.length
浏览 5提问于2020-11-18得票数 0
我正在开发一个应用程序，该应用程序将用于android电视机以及安装在墙上的平板电脑上。它只是在其他地方设置的一些在线内容之间循环。它将全天候运行，循环显示内容。所有设备都将启用自动更新。我的问题是。如果应用程序当前在前台运行，设备是否会下载并安装应用程序更新？我已经设置了一个广播接收器，以便在更新发生后重新启动应用程序。我只是不知道它是否会在应用程序运行时更新。
浏览 2提问于2015-09-30得票数 2
这是错误！显示在服务器端。
TypeError:无法读取未定义的属性“first_name”
前端组件值也不改变.
这是代码
const [firstName,changeName] = useState("");
const [username,changeUsername] = useState("");
const user = useSelector(state => state.User);
const [id,changeId] = useState(user.id);
React.useEffect(()=&
浏览 0提问于2021-03-15得票数 1
回答已采纳
我正在尝试在react上构建一个简单的todolist应用程序，我遇到了这个问题。我可以编写必要的代码将待办事项添加到状态中定义的列表中并显示它，但是当涉及到通过单击每个待办事项旁边的按钮从列表中删除项目时，除了第一个项目之外，所有的待办事项都会从列表中删除。我该怎么办呢。代码如下：
TodoList(父)组件：
import React, {Component} from 'react';
import AddTodos from './AddTodos';
import DisplayTodos from './DisplayTodos'
i
浏览 0提问于2020-04-29得票数 0
我是新来的反应。我正在构建一个基本的“要做”的应用程序，支持是在ReactJS的前端的瓶中。
如果用户单击该复选框，我希望更改它的状态。不过，我不能这样做。
我在我的onCLick组件中创建了一个基本的ToDoItem函数：
onClick={()=>this.setState({
completed: true
}, console.log(this.completed) # This output "UNDEFINED" in console)
}
然而，，，它并没有像预期的那
浏览 3提问于2019-10-04得票数 1
回答已采纳
我试图通过声音操纵我的React中显示的图像。我实现了SR，它工作得很好：
<button onClick={SpeechRecognition.startListening}>Start</button>
在我的状态中有一个loadImages数组，它首先是空的：
const [loadImages, setLoadImages] = React.useState([]);
每当所说的单词是"kitten“时，loadImages数组就会以这种方式得到更新：
if(transcript == "kitten")
{
c
浏览 3提问于2021-06-06得票数 2
回答已采纳
我想要显示基于用户点击的名称。当浏览按钮单击时，我们将显示名称列表，如果我们单击名称，则我希望显示更改状态的名称。
以下是示例代码
const TestCli = () => {
const [names, setfolderName] = React.useState([
"sonu",
"monu",
"xyz",
"abc",
"lol",
]);
const [isdiv, setisdiv] = React.useState(false);
浏览 0提问于2021-04-20得票数 0
我在AWS EC2实例中使用Nginx部署了一个React应用程序，当我使用导航栏打开页面时，它运行得很好。
但是当我刷新一个页面时，它显示404 not found，尽管它可以正常导航。
前端(React)和后端(Node)服务都在服务器中运行。
我的Nginx配置如下。
浏览 0提问于2020-09-28得票数 0
我有一个基于Scrum过程的VSTS项目，其中有两个用于前端和后端团队的区域路径。对于所有的待办事项板，我创建了一个新的列来指示什么是“准备测试”(在做和做中分开)。对于状态映射，我只能从下拉列表中选择'Commited‘。根区域被配置为包括两个子区域，并且应该为产品所有者提供关于进度和测试人员的全面概述，以了解他需要做什么。
我的问题是，当团队将一个项目移到本专栏时，状态的变化不会反映在总板上。我怎样才能做到这一点？或者，有什么最佳实践来处理诸如“准备部署”和“准备测试”这样的附加状态？
浏览 0提问于2016-02-26得票数 2
回答已采纳
3回答
我试图更新我的组件的状态，但它不起作用。我有主页容器组件=>嵌套Navbar容器组件=>嵌套NavItem UI组件。同样在主页上，我有AddNavItem容器组件，它应该将item添加到Navbar。看起来是这样的：
Main
|
|--NavBar
| |
| |--NavItem
|
|--AddNavItem
这是我的主页代码：
import React, { Component } from 'react';
import Navbar from '../nav/Navbar'
import AddNavItem from '
浏览 1提问于2018-09-21得票数 0
回答已采纳
1回答
我正在尝试将一个对象从父类传递到子类。我使用axis发出GET请求，在那里我获取对象，然后在父类中将请求的响应设置为this.state.contact。直到一切看起来都很好，如果我console.log联系人的状态，它会正确显示。 在控制台中输出时，该对象如下所示：{first_name: "Test", last_name: "surname", email: "test@hotmail.com", phone_number: "7228732837", slug: "testhotmailcom"}，如果我
浏览 22提问于2021-07-28得票数 0
回答已采纳
我正在处理一个react本机项目，我在使用useState Hook时一直面临一个错误！useState更新没有按顺序工作(在调用函数“查看代码(SetDistance)”之前)控制台日志给我的远程值为0，但在调用该函数后我更新了它，但是如果我再次单击该按钮，它会显示出距离。
const [distance, setDistance] = React.useState(0);
const calculatePrice = () => {
if (typee === "Motorcycle" && distance > 100) {
浏览 7提问于2022-04-17得票数 0
1回答
react视图不会被更新(呈现永远不会被调用)，但是reducer被调用了。
我有以下几点：
1)。react视图:如果我需要显示"TodoList“或"HousingInfo”，我会在根状态中设置一个字段。
export default class RightPane extends React.Component{
static contextTypes = {
store: React.PropTypes.object
}
render(){
let store = this.context.store;
let curPage = stor
浏览 4提问于2017-04-21得票数 0
我目前正在尝试清理我的Todo应用程序的代码，并使用更多的不可变性。因此，我已经替换了handleStatus函数中的代码。
由此：
handleStatus(event) {
let newStatus;
const changeState = event.status == 'done' ? newStatus = 'open' : newStatus = 'done';
//Verkürzen Copy State
let todo = event;
todo.st
浏览 3提问于2022-03-18得票数 0
2回答
我正在用react-redux做一个todo应用。现在，我有4个输入，我想把每个输入值组合成一个，并用react-redux管理它。但我总是失败。在这种情况下，我应该怎么做？ 我想做的数据结构是这样的。 const initialState = {
list: [
{
id: 0,
dateData: "",
timeData: "",
title: "",
desc: "",
},
]
}; 减速机： export const setDate
浏览 21提问于2020-10-05得票数 0
1回答
我用React作为我的前端。MySQL作为我的数据库，Node JS作为后端，Axios作为我的中间件。每件事情都很正常，管理页面运行良好，表单将数据发送到数据库。问题是，我已经创建了一个页面来显示来自数据库的消息，而且由于某种原因，数据库没有从我想要的表中获取数据。我得到的错误data.map()不是一个函数，因为axios.get()函数中没有设置数据状态。我提供了以下守则：
Messages.js
import React , {useEffect , useState} from 'react';
import MessageCard from './Me
浏览 3提问于2022-07-30得票数 1
回答已采纳
我已经开始使用Flux和react-router开发一个应用程序。我的一个组件使用从Flux存储中获得的状态进行填充。这可以很好地工作。但是，当我使用react-router离开这个组件，然后再次返回时，我得到了上面的错误。如果我刷新页面，错误就会消失，页面工作正常。
根据我对此的理解，react-router似乎没有重新挂载此组件，因此它试图更改未挂载组件的状态，因此出现了错误。
如果这是正确的，我如何让react-router重新挂载组件？
PS。这个问题的代码太长了，不能在这里发布它是在Github上发布的，但是因为这个问题已经解决了，所以这个帖子已经被删除了。更新(谢谢Sean)：
该
浏览 0提问于2015-03-13得票数 1
2回答
不同步状态和视图
、、
Nextjs和React的最新稳定版本面临一个奇怪的问题，其中状态和视图更新是不同步的。
示例(v1)：使用useMemo
import { useState, useMemo } from "react";
const items = [
{ id: 1, name: "apple" },
{ id: 2, name: "orange" },
{ id: 3, name: "mango" }
];
export default function IndexPage() {
const [desc, setDe
浏览 4提问于2022-06-23得票数 0
回答已采纳
1回答
我正在使用react来完成rest应用程序的前端。
我已经把json送到了前端，我使用了fetch。
fetch('/task')
.then(function(data) {
return data.json();
})
.then(function(json) {
json.tasks.forEach(function(task) {
console.log(task.name)
})
});
所以我可以console.log每个task.name，但是现在到哪里呢？如何使组件将每个任务显示为
基本上，这种类型的
浏览 1提问于2017-04-20得票数 2
回答已采纳
考虑下面的例子
class MyApp extends Component {
counter = 0;
state = {
counter: 0
};
incrementCounter() {
this.counter = this.counter + 1;
this.setState({
counter: this.state.counter + 1
});
}
render() {
return <div>
浏览 0提问于2018-11-19得票数 11
回答已采纳
我正在尝试创建一个本地化解决方案。
为了测试目的，我有以下结构
index.js
import { Provider } from 'react-redux';
import store from './store'; //This is a redux store
import LocalizedComponent from './components/containers/HomeContainer';
function App() {
return (
<Provider store={store}>
浏览 2提问于2017-03-27得票数 0
回答已采纳
编辑:为更流畅的阅读添加注释
注:这是我的第一个React.js应用程序，我从未成功地实现过useState()或useEffect()钩子！
问题
我已经将一个JS对象从一个子元素(LoginInputForm.js)传递给它的父元素(Login.js)，并且运行非常顺利。我正在执行的整个API调用在没有useEffect()的情况下能够很好地工作，但没有执行我期望它执行的条件逻辑，即“只在从子元素获得数据时执行此API调用并更新全局上下文，但在此之前，延迟进程(在此期间仍将创建一个加载部分，以便在此功能正常工作时显示)”。我这么做是因为我希望在这个演示程序中在登录时模拟一个身份验证系统，并
浏览 2提问于2022-10-19得票数 0
回答已采纳
所以，这是我第一次使用钩子，也要注意，我正在学习请。我目前正在做一个小组项目，只是我被允许使用React，我们正在做一个前端项目。我会尽我所能详细描述每件事。我们有一个App组件，如果我们持有默认状态currentProduct: ''。我们使用componentDidMount()从API中获取数据，然后在默认情况下更新状态，这是来自数组对象的第一个产品。
我创建了一个名为RelatedItems的单独组件，在这里我使用钩子。
我的组件是这样的：
import React, { useState, useEffect } from 'react';
cons
浏览 4提问于2021-09-11得票数 0
回答已采纳
1回答
我刚接触了react，现在我遇到了一个问题，我不知道如何从数组中删除一个对象。每篇文章都有一个删除按钮。如果我按下delete按钮并执行console.log，它将显示正确的对象。
当我使用剪接时，它会随机删除，点击2次后，就会清空整个数组。我需要使用什么来删除正确的对象，正如console.log向我展示的那样？
对象插入另一个组件并呈现。
这是我的代码：
class Article extends React.Component {
constructor(props){
super(props);
this.state = {
deleteArra
浏览 4提问于2017-09-29得票数 0
回答已采纳
1回答
切换，点击选择标签-反应
、、、
我正在开发一个react应用程序，当用户单击单个文本时，它将显示带有项目的select标记。
我有两个问题出现在这里：
当我单击文本时，select标记将出现在ALL列表项上，而不是单击的项目上。
例如，我有一个清单：
--------------------------------
name item
--------------------------------
George text
Mikael text
当我单击george的文本时，george和mikael都将显示select标记。这不是我想做的。它必须只显示在已单击的列
浏览 0提问于2018-05-07得票数 1
回答已采纳
有问题时，当指向comp的标题状态为空时，如果我编辑代码并刷新其显示，如果我将状态添加到useEffect "itemCollectionRef，items“是一个inf循环，但是数据是它们的任何人都有更好的想法或方法从消防局获取数据以供显示。
import React, { useState, useEffect } from "react";
import { Grid, Box, Button, Space } from "@mantine/core";
import { ItemBadge } from "../../components
浏览 2提问于2022-07-14得票数 0
回答已采纳
我有一个小的API前端正常工作，除了在调用ListView方法来更新api数据之后更新_onPress。
import React, {Component} from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
ListView,
Image,
RefreshControl,
TouchableOpacity
} from 'react-native';
import Header from './Header';
export default
浏览 2提问于2017-04-27得票数 0
我已经通过npm安装了依赖项，下面是package.json
{
"name": "springbootreactjs2",
"version": "1.0.0",
"description": "Spring boot with reactjs",
"scripts": {
"watch": "webpack --watch -d"
},
"author": "",
"lic
浏览 0提问于2018-01-09得票数 0
1回答
如何删除资料UI表中的一行？
、、、、
我正在使用React和Materials创建crud表，我想知道如何删除表中的一行，从API中获取数据并显示到表中，但我不知道如何从按钮中删除一行。这是我的第一个反应项目，非常抱歉！谢谢！
来自组件表代码的部分：
<TableBody>
{posts.slice(0,6).map((post) => (
<StyledTableRow key={post.id}>
<StyledTableCell component="th" scope="
浏览 9提问于2022-07-27得票数 1
回答已采纳
3回答
我是新来的反应。事实上，我对任何前端编程语言都很陌生。因此，我遇到了许多非常奇怪，有时甚至是滑稽的问题。我很难将数组发送到另一个组件。问题是用户创建了这个数组，并且它是动态地在呈现(){返回(.)}中创建的。
class Home extends Component {
constructor(props) {
super(props)
this.chosenItems = [];
}
state = {
items: [],
};
// code to import JSON from backend API, i
浏览 8提问于2021-04-04得票数 0
回答已采纳
1回答
我有一些看起来像这样的state：
{
formStatus: {
isFormOK: false,
fields: {
field1: {
status: 'normal',
errorText: '',
value: ''
},
field2: {
status: 'error',
errorText: 'must be an email',
value: &#
浏览 1提问于2017-10-15得票数 0
回答已采纳
目前，我正在编写我自己的应用程序，它通过Azure DevOps REST API5.1与我的大学拥有的TFS进行通信。我正在尝试完成我自己的前端客户端，它将显示和处理具有许多工作项的项目板。我知道如何创建、更新、获取等。通过REST API完成工作项，但现在我正在尝试完成实时更新板。这意味着如果其他人更改了面板中的某些内容，这些更改也会立即显示在我的client实例上。
这是通过websocket通信实现的吗？如果不是，还使用了什么？我看到azure devops上的应用程序有websocket功能，但我不知道如何在后端连接到websocket。
我发现了一个叫做SignalR服务的东西，需
浏览 17提问于2020-11-12得票数 0
回答已采纳
1回答
我有一个nextjs (使用类型记录)前端。我正在尝试创建一个用户创建表单，管理员可以在其中创建其他用户。该表单的目标是生成一个简单的用户状态对象，然后将其传递到create用户文档函数中。用户对象非常简单。如下所示：
const user = {
name: "",
email: "",
roles: []
}
这些角色让我头疼。我试图使用Chakra复选框从角色数组中添加或删除字符串。
<CheckboxGroup colorScheme="green">
<Stack spac
浏览 6提问于2022-08-17得票数 0
回答已采纳
我试图用Axios从一个公共API中获取数据，并显示我通过一个React应用程序获得的信息。但是，我无法在componentDidUpdate()中找到一个条件，使其在用户修改输入时只呈现一次。有人会有主意吗？
这是我的密码：
import React, { Component } from 'react';
import axios from "axios";
import './App.css';
class App extends Component {
constructor(props) {
super(props);
浏览 1提问于2018-04-16得票数 7
回答已采纳
我有一个React + Material-UI前端。一个部分允许用户从下拉列表中选择项目，我想要用户选择的任何项目的列表。用户还可以单击x并删除他们选择的内容。如何使用state或某些变量来获得项目的最终列表？
代码：
<Autocomplete
multiple
className={classes.inputField}
id="checkboxes-tags-demo"
options={userData}
disableCloseOnSelect
getOptionLabel={(op
浏览 0提问于2020-11-26得票数 1
我试图用文本框值发出警告。在下面的代码中，不管输入的值是什么，它都会发出警告。
import { useState } from "react";
export default function App() {
const [value, setValue] = useState("");
function handle() {
alert(value);
}
return (
<div className="App">
<h1>Hello App</h1>
浏览 5提问于2022-05-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
