状态已更新，但react未在UI上显示反射
问题描述：状态已更新，但React未在UI上显示反射。
回答： 这个问题通常出现在使用React进行前端开发时，当状态更新后，UI界面没有及时反映出来。这可能是由于以下几个原因导致的：
- 异步更新：React中的状态更新是异步的，意味着状态的更新不会立即反映在UI上。React会将多个状态更新合并为一个更新，然后批量执行，以提高性能。如果在状态更新后立即访问UI，可能无法获取到最新的状态。
解决方法：可以使用React提供的回调函数或者生命周期方法来确保在状态更新后再访问UI。例如，可以在setState方法的第二个参数中传入一个回调函数，在回调函数中访问更新后的状态。
- 不正确的状态更新：在React中，应该使用
setState方法来更新状态，而不是直接修改状态变量。如果直接修改状态变量，React无法检测到状态的变化，从而无法触发UI的重新渲染。
解决方法：确保使用setState方法来更新状态。例如，可以使用箭头函数来确保this指向正确：
this.setState((prevState) => ({
// 更新状态的代码
}));- 不正确的组件渲染：如果组件没有正确地渲染，可能导致状态更新后UI不显示反射。可能是由于组件没有正确地接收到状态作为props，或者组件没有正确地更新自身的渲染。
解决方法：检查组件的渲染逻辑，确保正确地使用状态作为props，并且在状态更新后重新渲染组件。
如果以上方法都没有解决问题，可能是由于其他原因导致的，例如使用了不兼容的React版本、组件嵌套层级过深等。可以尝试查看浏览器控制台是否有相关的错误信息，或者使用React开发者工具进行调试。
腾讯云相关产品推荐：腾讯云提供了丰富的云计算产品和解决方案，可以帮助开发者构建稳定、高效的应用程序。其中，推荐以下产品来支持React应用的开发和部署：
- 云服务器（CVM）：提供可扩展的虚拟服务器，可以用来部署React应用的后端服务。
- 云数据库MySQL版（CDB）：提供高性能、可扩展的关系型数据库服务，可以用来存储React应用的数据。
- 云函数（SCF）：无服务器函数计算服务，可以用来编写和运行React应用的后端逻辑。
- 对象存储（COS）：提供安全、稳定的对象存储服务，可以用来存储React应用的静态资源。
以上是一些常见的腾讯云产品，可以根据具体需求选择适合的产品来支持React应用的开发和部署。
希望以上回答能够帮助解决问题，如果还有其他疑问，请随时提问。
相关·内容
当我尝试使用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
2回答
假设我想在安卓系统中实现CountDownTimer。即使活动关闭，计时器也应该滴答作响。所以我需要服务。
计时器UI在片段中。它有一个按钮(开始/暂停)。
计时器服务应该有两个状态:正在运行和已暂停。
当它正在运行时，按钮标签应该是“暂停”，如果它是暂停的，那么它应该是“恢复”。你知道，比如一个音乐播放器。
如果activity总是在运行，那就没问题了。然后，我只需要向activity发送意图，它就会相应地更改按钮标签。你知道，就像观察者模式。但活动可能会被关闭。那么，如果活动已经关闭，我应该如何从服务中更新View呢？
浏览 0提问于2013-12-01得票数 2
我使用MUI输入装饰来启用“显示/隐藏密码”，并反应状态以保留最终密码(以便通过登录传递)。
由于某些原因，缺少了最新的字符，下面是一个显示想法的代码：(链接：)
export default function InputAdornments() {
const [values, setValues] = React.useState({
password: "",
showPassword: false
});
const handleChange = (prop) => (event) => {
setValues({ ..
浏览 6提问于2022-04-13得票数 0
回答已采纳
3回答
我在用子组件的道具更新父组件的状态时遇到了问题。下面的代码似乎不起作用，但看起来很好
setUsersList(prevState => {
return [...prevState, data];
});
我的父组件接收一个对象。Console.log(data)输出从子组件接收的对象。但是，当控制台日志记录更新状态(console.log(usersList))时，它返回一个空数组
父组件：
import React, { useState } from "react";
import AddUser from "./c
浏览 4提问于2022-11-07得票数 2
1回答
我读过的所有关于React的文章都显示了我应该显式调用this.setState()来触发DOM更新的代码。这似乎是手动触发更改检测。我调用this.setState，重新呈现Virtual，然后将其与本机DOM进行比较以进行更改--如果有任何更改，DOM将被更新。来自文档的：
4)每隔一秒浏览器就会调用tick()方法。在它内部，时钟组件通过使用包含当前时间的对象调用setState()来调度UI更新。感谢setState()调用，React知道状态已经更改了，并再次调用render()方法来了解屏幕上应该显示什么。
将其与automatically检查绑定更改和更新DOM的角摘要周
浏览 4提问于2017-05-02得票数 0
回答已采纳
使用Material UI Autocomplete (https://material-ui.com/components/autocomplete/)时，将创建输入并显示建议： import React from 'react';
import TextField from '@material-ui/core/TextField';
import Autocomplete from '@material-ui/lab/Autocomplete';
const options = ['Option 1', 'Opt
浏览 8提问于2020-12-30得票数 0
回答已采纳
3回答
我正在尝试创建一个特性，以方便地隐藏/显示所有项(子组件)。通过使用useState，我可以设置是否所有项目都隐藏/显示。通过使用useEffect，我可以切换隐藏/显示的项。在访问子组件中的道具以确定某个项是否已经展开时，我遇到了问题。我希望我能更好地解释这一点，但希望这个编码示例能描绘出更好的画面。
index.js
import React, { useState } from "react";
import ReactDOM from "react-dom";
import "semantic-ui-css/semantic.min.css
浏览 8提问于2019-09-25得票数 0
回答已采纳
2回答
我对这个简单的例子感到非常沮丧，因为要么我没有得到一些东西，要么它的工作方式不是我期望的方式，也不是它在文档中所说的方式。
因此，我尝试扩展CloneButton组件，以实际检索Datagrid每一行上的记录，并将其传递给create组件：
import React from 'react';
import PropTypes from 'prop-types';
import { CloneButton, useGetOne } from 'react-admin';
import CircularProgress from '@mat
浏览 0提问于2020-03-31得票数 0
2回答
因此，我有一个Notesdata数组，其中包含带有属性title、标签行和描述的对象。Notesdata数组存储在appending中的" data“状态变量中，我将此数据状态变量发送到notes视图组件以填充UI，但是当我在数据状态变量中添加一个新对象，然后将其发送到notesview组件时，我将得到错误"Data.map不是一个函数”。
当我打印"data“状态变量时，我得到一个数组，但是当我检查它的类型时，它显示的是"object"，我很困惑为什么它会这样显示。
在将"data“状态变量传递到notesview之前，我还尝试在”data“状
浏览 8提问于2022-09-07得票数 0
回答已采纳
2回答
我正在处理一个SignUp表单，我试图获取用户输入的数据，但出于某种原因，我只获得了空值，如下面的示例：
因此，对于我使用的两个组件，Signup和Input，下面的代码来自Signup.js：
import React, { useContext, useState, useRef } from "react";
import Modal from "../UI/Modal";
import classes from "./Login.module.css";
import Input from "../UI/Input/In
浏览 12提问于2022-06-21得票数 0
回答已采纳
1回答
我认为这更多的是一个概念/架构问题，但我将包括代码样本来帮助解释这个问题。我有一个标准化的redux状态，其中实体状态切片如下所示：
entities: {
projects: {
[id]: {...},
[id]: {...},
...
},
assignments: {
[id]: {...},
[id]: {...},
...
}
}
一个单独的任务看起来像这样：
{
id: 1,
name: 'assignme
浏览 0提问于2019-08-16得票数 1
1回答
物料UI开关不更改UI
、、、、
我正在使用Material UI的开关来改变多页应用程序的主题。发生的唯一错误是交换机不能从左向右移动(ui功能不会出现)，但onChange功能工作正常。我尝试了一下，结果是当我移除forceUpdate()时，material ui开关将会工作，但是组件将不会被重新渲染。forceUpdate中有什么原因导致交换机功能无法正常工作？
App.tsx：
import React from "react"
import {Switch, Route, BrowserRouter, Redirect} from "react-router-dom"
import
浏览 2提问于2020-11-24得票数 1
import React, { useEffect, useState } from "react";
import "./App.css";
function App() {
const [data, setData] = useState({ count: 1 });
const handleClick = () => {
let temp = data;
data.count += 1;
console.log("temp: ", temp); // temp: {count: 2}
setData(temp);
conso
浏览 2提问于2022-05-24得票数 1
我的UI中有一个“卡片”列表，在任何给定的时间只能扩展一张卡片。这个列表有一个react-apollo查询，它监视作业列表并返回一个属性，标记下一个未完成的作业(nextJobId)。这个属性由useEffect钩子跟踪，当nextJobId属性更新时，它会更新扩展卡。 每张卡内部都有一个按钮，该按钮触发react-apollo变异，这会更新DB (将job.done设置为true)，进而更新nextJobId属性。一旦发生这种情况，包含刚才单击的按钮的卡片就会折叠，销毁该按钮。 这似乎会触发以下错误： react-dom.development.js?61bb:507 Warning: C
浏览 17提问于2019-04-10得票数 1
我在我的项目中使用redux，redux-thunk和react，这不是实际的代码，而是代码的简化版本，所以可能有一些语法错误，但问题是它应该如何工作。
我使用了react-redux connect的react包装器。
在我的操作中，我使用redux-thunk如下：
return function (dispatch, state) {
dispatch(oneAction);
dispatch(secondAction);
dispatch(thirdAction);
}
UI只在thirdAction之后呈现，这很好，但是我不知道是什么告诉系统现在呈
浏览 0提问于2017-07-12得票数 0
3回答
我正在更改状态，我可以在console.log中看到新的状态，但是，TextArea不会显示新的状态，而只是在第一次显示时显示。
下面是我的实现：
import React, {Component} from 'react';
import {TextArea} from "semantic-ui-react";
class Output extends Component {
static myInstance = null;
state = { keys:[] }
updateState(){
// this m
浏览 2提问于2019-01-23得票数 1
我正在制作一些按钮，这些按钮将根据数据库中的状态显示某个类。
我使用以下方法将API结果通过发射器传递到我的状态：
constructor(props) {
super(props);
this.state = {
tickets: [],
user: []
};
this.onGetAllTickets = this.onGetAllTickets.bind(this);
this.onGetCurrentUser = this.onGetCurrentUser.bind(this);
}
但是，我必须使用getInit
浏览 1提问于2016-09-18得票数 0
回答已采纳
我正在尝试使用Next.js在React中有条件地呈现元素。但是，我的组件UI没有更新状态更改。
我已经验证了在调用this.setState之后状态正在发生变化，但是UI保持不变。
点击h5 "meeee“后，期望UI显示"naaaah”。可以在setState更改后回调中看到this.state.test是假的。
class Sidebar extends React.Component {
constructor() {
super();
this.state = {
test: true,
sections: [
浏览 3提问于2019-08-10得票数 3
回答已采纳
我目前正在开发一个基于react redux的web应用程序，它在UI上显示大量数据。当数据大小增加时，每秒的帧数减少。此外，某些表单显示组件的时间较长，并且显示速度较慢。如果有人可以指导我正确的渲染方法或一些编码标准需要遵循这样的应用程序，这将是一个很大的帮助。-Thanks
我目前正在检查我的应用程序是否使用了react生命周期组件(由任何其他开发人员显式使用)。我还怀疑组件的呈现方式。
浏览 1提问于2019-01-26得票数 2
2回答
我尝试从其父组件的属性设置嵌套组件的状态，如果我直接使用父checked={Boolean(this.props.contData.statesValue.active)}的传入属性设置开关的选中属性，则切换ui成功地从打开更改为关闭。 import React, { Component } from "react"
import Switch from '@material-ui/core/Switch';
class Test extends Component {
render() {
return (
浏览 27提问于2019-02-20得票数 1
1回答
我的要求是在material ui的选择组件中使用分页。因此，组合框中的数据应该在页面选择时加载。或者有没有其他的react组件可以做到这一点呢？
如果没有分页，延迟加载或类似的东西也可以！
浏览 0提问于2020-09-17得票数 1
我正在开发一个应用程序，该应用程序将用于android电视机以及安装在墙上的平板电脑上。它只是在其他地方设置的一些在线内容之间循环。它将全天候运行，循环显示内容。所有设备都将启用自动更新。我的问题是。如果应用程序当前在前台运行，设备是否会下载并安装应用程序更新？我已经设置了一个广播接收器，以便在更新发生后重新启动应用程序。我只是不知道它是否会在应用程序运行时更新。
浏览 2提问于2015-09-30得票数 2
我有这个示例代码。我正在使用useState钩子创建状态urls。当我单击“按”按钮时，我正在用setUrls函数更新urls状态。当urls状态改变时，应重新呈现并显示"hi“。但这是不可能的。有什么不对的？
import React, { useState } from "react";
import {
Button,
Text
} from "@chakra-ui/react"
function Hi () {
const [urls, setUrls] = useState([]);
return (
&
浏览 2提问于2022-01-14得票数 0
回答已采纳
2回答
在一个React项目中，我有一个名为Auth.jsx的组件，用于管理身份验证和路由。如下所示：
let ComponentToShow;
let path="/";
let isSMSSent = false;
function Auth(){
if(isSMSSent){
let args = {
onBackClick:handleBackClick,
}
path = "/receive";
ComponentToShow =
浏览 1提问于2020-06-11得票数 0
回答已采纳
1回答
我开始使用React中的上下文api，并决定创建一个简单的主题上下文。现在，如果我转到我的React DevTools并将boolean isLightTheme更改为false，它可以工作，但当我尝试将此功能附加到按钮时，我总是收到错误。有人能帮我吗？ 主题上下文 import React, { useState, createContext } from 'react'
export const ThemeContext = createContext()
export const ThemeContextProvider = ({ children }) =>
浏览 19提问于2020-06-15得票数 1
回答已采纳
1回答
我正在写一份待办事项清单。当用户单击复选框时，它会出现在另一个容器中，但当发生这种情况时，我希望该复选框消失。
import React from 'react';
class Todo extends React.Component {
state = {
checked: false,
};
handleCheck = () => {
this.setState({
checked: !this.state.checked,
});
};
handleClick = () => {
this.
浏览 0提问于2019-09-25得票数 0
2回答
我对JS的反应是新的。我在做CRUD行动。一切都很好，但是当我从列表中删除项目时，我必须刷新浏览器，然后更新列表。我怎么才能解决这个问题？
import React, { useState, useEffect } from 'react'
import axios from 'axios';
import { Segment, Item, Container, Card, Icon, Button } from 'semantic-ui-react';
import { IEmployee } from '../../src/Model
浏览 3提问于2020-06-29得票数 1
回答已采纳
我有一个react应用程序，我希望用户在登录时被重定向到'/dashboard'，而不是主路由'/'。我已经用'/login'路由实现了这一点，但是不能让它对'/' home路由执行同样的操作。
如有任何帮助或见解，将不胜感激。
偶尔在玩游戏时，我会从React得到无限循环错误
import React, { useEffect, useState } from "react";
import { useSelector, useDispatch } from "react-redux";
impo
浏览 1提问于2021-08-26得票数 0
关于类组件中的this.setState的一些内容让我感到困惑。在react中，我看到this.setState在react中可能是异步的。我对此没有意见，我在this.setState之后用日志记录更新的值来测试它。但这确实让我感到困惑:当我们调用this.setState时，应对类的render方法进行响应，以重新呈现ui。但是this.setState是异步的，这意味着第一个呈现方法将被调用，ui将通过react重新呈现，然后状态中的值将被更改！那么组件如何向我们显示更新的值呢？我不..。我想得对吗？谢谢你的帮助。
浏览 3提问于2022-02-04得票数 0
我是新的反应和自学，努力与国家和反应选择 我有一个使用react-select的下拉列表。根据用户选择的值，我希望在屏幕上显示相关数据。数据来自authContext(useContext)。这就是我到目前为止所写的。但它不起作用。有没有人能指引我正确的方向： import React, { useContext, useState } from 'react'
import styles from './FullRecord.module.css'
import {AuthContext} from '../../shared/context/aut
浏览 9提问于2021-07-17得票数 0
我有一个页面，它以特定的时间间隔从一个源接收数据，并将它们设置为一种状态，我在页面中显示了部分数据，我有一个按钮可以打开另一个页面(通过react导航)，我希望在那里显示其余的数据，但问题是，当父节点的状态发生变化时，它不会刷新第二个页面，下面是简化的代码： import React from "react";
import { View, Text, Button } from "react-native";
import { createStackNavigator, createAppContainer, NavigationActions } from
浏览 11提问于2019-02-18得票数 1
我正在学习React，我想用react钩子useState更新UI，它用字符串“update”更新UI。但是，console.log正确地记录了“更新”，并且UI没有被修改。问题出在哪里？代码如下所示。
const ExpenseItem=(props)=>{
const[title,setTitle] = useState(props.title)
const clickHandler=()=>{
setTitle("Updated")
console.log(title)
}
return(
<div>
浏览 2提问于2022-04-18得票数 0
我有一个从products数组中呈现的产品的基本平面列表。我正在使用react导航导航到产品详细信息屏幕，但正在尝试想出最好的方法来获取活动的所选产品，以便我可以在产品详细信息页面中显示产品信息。 我的方法:我想只使用一个钩子来提供活动的产品，我试过了，但由于某些原因，我没有在产品详细信息页面中获得适当的状态。 获取错误："TypeError: null不是一个对象(计算'product.title')“ 顺便说一句，我现在尽量避免使用redux，因为我的学校项目明天就要交了，我也在努力学习钩子。 编辑:嗯，我现在明白了，我也可以使用路由参数。我想我还是很想知道我现在
浏览 19提问于2021-04-14得票数 0
回答已采纳
我是一个反应初学者，我正在学习如何与useReducer和useContext一起工作。我正在处理的一个非常简单的学习示例只是一个名为问候的组件，它接收从StateContext传递的状态，它显示来自Main.js的用户名称(Mike)，并且它有一个按钮，它应该将这个操作分派给John。问题是，当单击按钮时，什么都不会发生，并且问候语组件中的名称保持不变。我注意到，一旦发出动作console.log，就不会触发问候组件中的changeName，这意味着，我相信问候组件不会被重命名。为什么问候语没有重新显示和显示更新的名称？
这是主要的组件：
import React, { useReducer
浏览 2提问于2021-05-28得票数 2
回答已采纳
我有一个待办事项清单的反应计划。单击删除任务时，它将成功地将请求发送到API，并从数据库中删除该任务。之后，我再次请求任务，然后使用新的任务列表进行setState。使用setState后，在刷新页面之前，网站上不会有任何更新。
我做错了什么？我是全新的反应，所以任何解释，我都会非常感激！
App.js:
import React from 'react';
import taskApi from "../api/task-api";
import TaskList from "./TaskList";
import {Button, Conta
浏览 2提问于2022-08-16得票数 0
回答已采纳
1回答
在我的react原生应用程序中，我试图在标题中实现一个消息框，当单击该消息框时，将显示一个屏幕，其中包含用户的消息。我正在尝试使标题中显示的消息图标根据用户是否有未读消息而有所不同。 在我的AppNavigator文件中，我尝试使用一个函数来存储是否有未读消息，然后相应地返回应该在标题中显示的内容。 navigationOptions: ({ navigation, goBack }) => ({
title: "Title",
headerRight: () => {
// unread_messages = check if user has
浏览 22提问于2020-06-13得票数 0
回答已采纳
1回答
我有一个应用程序，可以让用户扫描并连接到BLE设备。如果用户点击了扫描结果，我希望在连接过程中，设备旁边会显示一个微调器。
我正在使用Redux来跟踪已发现和连接的设备。主App组件与redux-react连接，并将相关的状态位传递给其子组件。
其中一个子节点是扫描结果列表，该列表依次将一个设备传递给它的每个条目。扫描列表项如下所示：
class DeviceListItem extends Component{
render = () => {
return <TouchableOpacity onPress={this.props.onPress}>
浏览 16提问于2019-07-21得票数 0
我有以下反应成分。我是比较新的反应，所以没有所有的概念，使用钩子牢牢地掌握在我的掌握。
我还看到了一些其他问题，指出了setState函数的异步特性，但这里似乎不是这个问题。
期望代码：我希望当用户输入fName和lName输入值时，h1会自动更新和呈现
实际发生的事情：当我在输入中输入值时，类型化值不会显示在UI上的输入字段中。标题(h1)也不更新。
附加注释：如果我使用" if“语句检查并有条件地更新对象的相应属性，而不是在setHeadingText中使用prevStatename = value；，代码将按预期工作。
import React, {useState} fro
浏览 5提问于2021-08-09得票数 0
回答已采纳
我有一个React组件，它获取一个电影数组，然后将这些电影设置为一个状态：
// randomBackground.tsx
const [movieData, setMovieData] = useState<IMovie []>([]);
useEffect(() => {
const abortCtrl = new AbortController();
const opts = {signal: abortCtrl.signal};
const fetchData = () => {
try {
fetch(baseurl +
浏览 2提问于2021-10-30得票数 0
回答已采纳
2回答
我试着用React和我的Express后端。目前，我使用React作为我的模板语言。
我的视图是.jsx文件。
/* Express */
const express = require('express');
const app = express();
const server = require('http').createServer(app);
const session = require('express-session');
...
/* Express application parameters */
app
.set
浏览 3提问于2017-07-23得票数 1
回答已采纳
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
回答已采纳
我正在使用Meteor创建与服务器的动态客户端接口，服务器与外部硬件系统(即机器人)紧密耦合。服务器可以处于三种不同状态之一(A/B/C)，但在这三种状态之间转换需要一段时间。根据它所处的状态，我希望客户端UI显示不同的屏幕。
我已经通过将服务器状态存储在Meteor集合中并将此状态变量发布到所有连接的客户端来解决这个问题。客户端可以调用Meteor方法请求服务器更改状态(例如，A->B)。因此，一旦服务器改变状态，新屏幕就会显示在客户端上。我在客户端模板中使用这个状态变量，如下所示：
<template name="root">
{{#if equals
浏览 4提问于2014-02-09得票数 0
回答已采纳
1回答
我试图在父组件中显示子组件的状态，但不知何故，文本"abcde“仍未显示，下面是示例代码
import React from 'react';
import {SafeAreaView, StyleSheet, Text} from 'react-native';
import {TouchableOpacity} from 'react-native-ui-lib';
class ChidComponent extends React.Component {
constructor(props) {
super(props
浏览 2提问于2021-12-11得票数 1
回答已采纳
3回答
我必须用React js实现现有应用程序的新UI。这是react组件，在单击菜单项后呈现。我注意到用于react的chrome dev tools插件每次点击菜单时都会显示新创建的组件。这不是在浪费内存吗？这是Sammy.js的菜单激活码
this.get('#/security',function(){
this.swap("");
React.render(
<MainComponent/>,
document.getElementById('content
浏览 0提问于2015-10-13得票数 0
1回答
这是我的组件-结构: ExchangeRateInput ExhangeRateValueInput ExhangeRateDialog
打开的状态作为支柱传递给ExhangeRateDialog。但是当我在setState中打开ExchangeRateInput时，它似乎在ExhangeRateDialog中没有变化。有人能解释一下我做错了什么吗。
ExchangeRateInput
import { composeWithTracker, composeAll } from 'react-komposer';
import React from 'react'
浏览 2提问于2016-10-21得票数 0
回答已采纳
由于react 16.8引入了react钩子，访问和设置状态已更改。以前你可以使用{this.state}访问整个状态对象，现在因为你像{count}和{this.state.count}一样直接访问你的状态，所以我找不到访问整个状态对象的方法。有没有可能用写react组件的新方式来检索整个状态对象？
更清楚地说，我有一个React组件，它将组件状态作为道具，并将其显示在UI中，以便进行调试。我知道我可以使用react插件，但我发现在我编写代码时在UI中显示状态更有效。
const {
useState
} = React;
function App() {
class MyC
浏览 0提问于2019-03-21得票数 2
我正在使用React JS构建一个新闻应用程序。我正在使用News API来收集数据。我添加了“下一个”和“上一个”按钮，通过使用setState更新URL来显示下一条新闻。但问题是URL没有更新。网址中有一部分是&page=1，我想把它改成&page=2，当我检查它发送&page=NaN时，我不知道为什么会发生这种情况。以下是代码： import React, { Component } from "react";
import NewsItems from "./NewsItems";
import PreviousIcon
浏览 27提问于2021-10-04得票数 0
我试图在检查状态值时隐藏/显示组件：
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import Button from '@material-ui/core/Button'
class App extends Component {
constructor(props) {
super(props);
this.state = true;
}
浏览 4提问于2018-10-02得票数 3
回答已采纳
1回答
在基于ReactJS的应用程序中，我正在创建一个组件，该组件包含一个物质输入组件，允许用户键入单词，然后在按enter键时将其显示为同一输入组件中的芯片。
问题是，在写入第一个单词并按enter键后，将显示第一个芯片，但输入('')的更新状态被冻结，用户无法继续输入新单词。
如果有人知道如何处理这样的问题，我将非常感激。
import React from 'react';
import PropTypes from 'prop-types';
import Textfield from 'components/Textfield'
浏览 4提问于2017-11-03得票数 0
回答已采纳
我刚接触material ui/core，在做组件时有点困惑。问题是，我无法显示登录页面没有应用程序栏和抽屉。我想显示完整的登录页，没有标题和侧边栏。在这个问题上，有人能帮我吗？
下面是完整的代码："“
登录页面代码：
import React from 'react';
import Avatar from '@material-ui/core/Avatar';
import Button from '@material-ui/core/Button';
import CssBaseline from '@material-ui
浏览 6提问于2020-03-06得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
