ReactJs render未在数据更改时正确更新
ReactJs是一个用于构建用户界面的JavaScript库。它采用了组件化的开发模式，通过将界面拆分成独立的可复用组件，使得开发者能够更加高效地构建复杂的用户界面。
在ReactJs中，render函数是组件中的一个重要方法，用于定义组件的渲染逻辑。当组件的状态或属性发生变化时，React会自动调用render函数重新渲染组件，并将更新后的界面呈现给用户。
然而，有时候在数据更改时，React的render函数可能未能正确更新界面。这可能是由于以下原因导致的：
- 错误的数据更新方式：在React中，应该通过setState方法来更新组件的状态，而不是直接修改状态对象。如果直接修改状态对象，React可能无法检测到状态的变化，从而无法触发重新渲染。
- 异步更新：React采用了一种称为"批处理"的机制来优化性能，它会将多个状态更新合并为一个更新操作，然后再进行渲染。这意味着在某些情况下，React可能不会立即更新界面，而是等待一段时间后再进行渲染。如果在这段时间内进行了多次数据更改，可能会导致render函数未能正确更新界面。
为了解决这个问题，可以采取以下措施：
- 使用setState方法更新状态：确保在组件中使用setState方法来更新状态，而不是直接修改状态对象。这样可以确保React能够正确检测到状态的变化，并触发重新渲染。
- 使用回调函数：setState方法可以接受一个回调函数作为参数，在状态更新完成后执行。可以利用这个回调函数来执行一些需要在状态更新后立即执行的操作，例如重新计算数据或执行其他副作用操作。
- 使用shouldComponentUpdate生命周期方法：shouldComponentUpdate方法可以用来控制组件是否需要重新渲染。可以在这个方法中进行一些判断，例如比较新旧状态是否相同，如果相同则返回false，表示不需要重新渲染。这样可以避免不必要的渲染操作，提高性能。
- 使用React的调试工具：React提供了一些调试工具，例如React Developer Tools插件，可以帮助开发者检测和解决渲染相关的问题。可以使用这些工具来查看组件的状态和更新情况，以便更好地定位和解决render未正确更新的问题。
总结起来，为了确保ReactJs的render函数在数据更改时能够正确更新界面，需要使用setState方法来更新状态，避免直接修改状态对象，并注意处理异步更新的情况。此外，可以使用回调函数、shouldComponentUpdate方法和React的调试工具来辅助解决问题。
相关·内容
1回答
我的反应相对较新，所以仍在努力学习最佳实践等等。
我目前正在创建一个仪表板样式的应用程序，它具有多个显示各种数据的“小部件”。我有一个父组件‘仪表板’，它呈现每个'Widget‘组件(它们是哑组件)，数据通过道具传递。
现在，我遇到的问题是，在我的“仪表板”组件中，我正在执行一个ajax调用来获取每个Widget的数据，在我调用setState()并将数据推入的每个ajax调用成功之后。
从设计模式的角度来看，这似乎是正确的，但显然调用setState会导致级联重呈现，因此在我的示例中每个小部件被重新呈现10次(因为我有10个小部件)。
我在这里做错了什么？我的应用程序现在是Flux或
浏览 2提问于2016-07-28得票数 0
回答已采纳
我在我的应用程序上使用twitter嵌入的时间线来显示公司twitter帐户的twitter提要。
当我从API获得结果时，状态更改为正确的值，但twitter小部件似乎没有更改
TwitterCard.js
import React from "react";
export class TwitterCard extends React.Component{
render() {
return (
<a className="twitter-timeline" href={this.props.href}
浏览 0提问于2018-03-21得票数 0
2回答
在我的filter()回调中，newList包含正确的数组，但是状态没有更新。 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>list</title>
<script src="react/react.js"></script>
<script src="react/react-dom.js"></sc
浏览 24提问于2019-12-11得票数 0
回答已采纳
2回答
我正在尝试使用this.setState({ data: data })通过ajax调用来更新表；但是没有用新数据重新绘制数据表吗？(我可以看到接收到了新数据)
var GridRow = React.createClass({
render: function() {
var data = [], columns;
if(this.props.columns){
for(var i = 0; i < this.props.columns.length; i++){
data.push({
浏览 1提问于2015-02-13得票数 4
回答已采纳
我有表格，提交后用户将被带到另一个页面。如果他们单击browser go back按钮，他们将返回到表单，但是输入数据不再存在。
恢复输入数据的正确方法是什么？
表格：
export default class Update extends React.Component{
constructor(){
super();
this.state = {
items: {
firstName: '',
lastName: '',
浏览 2提问于2016-06-07得票数 0
回答已采纳
1回答
我是reactjs的新手，正在尝试打印输入字段的更新值。我最初尝试的是这样的：
var App = React.createClass({
render() {
return <div>
<h1>Hello, {this.props.name}</h1>
<input type="text" onKeyUp={this.handleChange} />
<p>{this.handleChange}</p>
</div>;
},
浏览 2提问于2016-10-04得票数 5
回答已采纳
目前，我只能通过微调按钮更改输入字段的值。
但是，当我在输入中单击以手动键入一个数字时，文本光标就消失了，我无法在里面输入。我可以在输入的同时点击输入框，这是可行的。下面是我的React代码的简化：
constructor(props) {
super(props)
this.state = {
quantity: 1
}
}
//This is just making some API call, but am I supposed to do anything else here to update the value?
handleQu
浏览 0提问于2017-02-15得票数 2
我面临一个问题，我没有找到任何相关的文件。
这是我的组件的呈现方法：
render()
{
return (
<div refs="myContainer">
</div>
);
}
此外，我还有一种从Java服务器获取数据的方法：
getAsyncData()
{
$.get('...URL...')
.done(function(response) {
var list = JSON.parse(response); // This is an objects array
v
浏览 3提问于2015-05-30得票数 1
回答已采纳
3回答
ReactJS新手。使用。
问题：
我有一个容器(React.Component)，它从redux-saga中执行的异步调用中接收数据。当数据存储到状态中时，容器会按照ReactJS的预期进行更新。数据被传递给两个不同的子组件，这两个子组件使用数据呈现图表。问题是，当一个组件使用的数据发生更改时，整个视图都会刷新，这意味着另一个组件会重新呈现。
代码:容器
export class Social extends React.Component {
render() {
return (
<div>
<SocialChart data={
浏览 2提问于2016-11-03得票数 3
在ReactJS生命周期(第16.4节)中，从父组件的componentDidMount中显示子组件中的数据的正确模式是什么？
我有一个应该足够简单的场景，但它不是我所期望的那样。我希望将数据从父组件传递到子组件，其子组件反过来将数据转换为可以显示的内容。
我已经阅读了这篇文章，并试图正确的模式。
以前我使用componentWillMount来完成这个任务，这很好，但是正如我所说的，它在componentDidMount中的行为很奇怪。
我的父组件在其componentDidMount中获取数据，更新状态，然后传递给子组件：
class NewTable extends Component
浏览 0提问于2018-09-05得票数 0
回答已采纳
我对相当简单的任务有意见。在按钮单击我想要控制台日志输入值。所发生的情况是它记录输入更改，而不是单击。我做错了什么？
var Tasker = React.createClass({
getInitialState: function() {
return {
};
},
handleChange: function(event) {
this.setState({
value: event.target.value
浏览 3提问于2015-12-15得票数 0
回答已采纳
我有一个模态组件，当setState更改时应该调用它，但是由于某种原因，它没有更新。在第一个文件中，我在呈现中设置了以下内容。
<ModalParcel showModal={this.state.showModal} parcelToConfirm={this.state.dataForParcelToConfirm} />
在Modal组件构造函数()中，我将设置以下内容。
constructor(props) {
super(props);
console.log("Constructor for modal componenet called.&#
浏览 3提问于2017-05-12得票数 4
回答已采纳
我正在使用codemirror创建一个组件，但我的代码中似乎有错误，因为当我试图更新我的主组件的状态时，应用程序破坏了浏览器，我的研究指向一个无限循环，至少我在尝试调试时可以看到这一点。
我希望你们中有人能帮我解决这个问题，也许是我的错，谢谢。
我的主要组成部分：
import React, { Component, PropTypes } from 'react';
import Editor from '../editor';
import Preview from '../preview';
class Playground extend
浏览 6提问于2016-08-24得票数 4
回答已采纳
1回答
我在我的ReactJS中有一个博客部分，它从无头内容管理系统中拉出帖子，页面使用分页，所有工作都很好，但是，在每个帖子项目中，我调用一个组件来输入作者姓名>所以基本上我从无头api中拉出一个ID，我将其传递给组件并返回作者的姓名。 这在第一次运行得很好，但是每当我使用页面分页时，无论prop传递什么信息，它都不会从组件返回任何其他内容。这是我的代码； 博客页面； getPosts(){
if(this.state.posts.length){
return this.state.posts.map((content,index) => {
浏览 11提问于2020-01-30得票数 0
回答已采纳
我认为它的工作方式不同，但我不知道它是如何工作的。
1.使用类变量
export default class Test extends Component {
constructor() {
this.active = false;
}
render() {
this.active = this.props.name === 'Dan'? true : false;
return (
<div>
{this.active? 'ssup?' : 'noooo'}
浏览 5提问于2019-01-30得票数 8
3回答
状态ReactJS与渲染方法
、、、、
我正在使用Clock类学习章节，我不明白为什么我可以重新呈现我的变量"myFirstNumber、mySecondNumber、myWord“，这些变量在使用CodePen中的代码时没有状态：
class Clock extends React.Component {
constructor(props) {
super(props);
this.state = {
date: new Date(),
};
this.mySecondNumber = 0;
}
componentDidMount() {
this.myF
浏览 5提问于2020-02-19得票数 0
回答已采纳
我有一个Categories组件，它获取数据(平面对象文字数组)，然后在子Category组件中列出数据：
Categories.jsx
var Categories = React.createClass({
render: function () {
// this.state.categories is already defined as is array of objects
// example: [{categoryID: 1, categoryName: 'Test', ...},]
this.state
浏览 0提问于2015-02-18得票数 0
在React的setState中，我使用了一个select下拉列表，得到了一个顺序错误的响应。它为我提供了之前选择的选项的值。当我第一次选择某件东西时，它是空白的，但第二次选择会给出我之前选择的那个。
因此，第一次选择："Green“结果为空第二次选择："Red”将给出“gre”作为结果
我知道我遗漏了什么，也许我没有正确绑定它？
class Main extends React.Component {
constructor(props) {
super(props);
this.state = {
typeValue:
浏览 0提问于2017-05-12得票数 1
1回答
该项目的目的是从中获取数据，并将所有数据显示为一个列表。我可以成功地从API中获取数据。我将数据传递给另一个组件。我可以看到数据是控制台，但是当我试图将它们加载到组件中时，我将一无所获。我的第一个组件如下：
class TabsExample extends Component {
constructor(props) {
super(props);
this.handleLoad = this.authorize.bind(this);
this.handleProfiles = this.handleProfiles.bind(this
浏览 1提问于2017-10-18得票数 0
回答已采纳
1回答
基本上，下面的代码片段用于关闭/编辑图标:一旦单击“关闭”模式，它将更改为“编辑”图标，并在handleEdit函数中传递handleEdit和"1“参数；一旦进入”编辑“模式，它将传递rowId和"0”参数。
问题是，虽然它将editClose === 1更新为1，但它只进入了stylesEditOptions的条件；它似乎从来没有将stylesEditOptions图标与它的条件一起呈现。
我是新来的，所以我可能漏掉了什么。
childComponenent.jsx
funcEdit = (editClose) => {
if (editClose === 0
浏览 5提问于2020-09-01得票数 0
实际上，我正在尝试使用我觉得非常有趣的ReactJ，并给我一种新的方法来处理我的视图问题。
但是，在尝试删除子组件中的项时，我遇到了一个问题：
我有一个父组件，其中我初始化了一个列表
我把这个列表传递给我的子组件，它必须在'‘标签之间列出它
我想用一个按钮删除这个子项目，但是我不能访问parent.state，所以我不能删除它(用道具进行单向绑定)
我怎样才能使它正常工作呢？
这是我的密码：
MyDirective = React.createClass({
getInitialState: function () {
toRetur
浏览 0提问于2015-01-19得票数 0
回答已采纳
我有一个简单的CRUD与React，我使用引导模式添加项目，更新和删除。为此，我创建了名为country.js的父组件，用于列出country。然后创建用于添加和更新项目的modal.js。
在本例中，父组件中的onClick按钮，希望通过将父组件的支持数据传递给子组件来填充输入。是否可以通过父级中的onClick事件更新子状态？
country.js
getRow(res){ //console.log(res)
this.setState({
rowId: res.country_id,
country_id: res.c
浏览 0提问于2018-04-25得票数 1
回答已采纳
1回答
我不明白为什么下面的代码不能为我创建基础菜单。下面是我的代码的超级简化版本：
var MenuDisplay = React.createClass({
render: function(){
console.log("menu display render");
var menu = (true)?
<ul className="dropdown menu" data-dropdown-menu>
浏览 3提问于2016-03-19得票数 1
回答已采纳
1回答
我想要一个可拆分和可移动的屏幕，但我不能做到这一点，我有使用反应拆分窗格，但它不工作，我需要的功能是，当点击配置文件图标从列表在屏幕的下部部分的数据被相应地改变。下面的示例代码描述了我实际需要的功能，您可以在这里实现，我将进行相应的更改
class MainComponent extends React.Component{
constructor(){
super();
this.state={
name:""
}
this.changeDetected=thi
浏览 0提问于2021-04-02得票数 0
我有一个数组列表
登录子组件，它将返回初始数组。
更改API componentDidMount中的数据后
我得到了一个对象数组
如果我在render函数的父组件中记录这个数组。
它正在改变
但是子组件它不是。
我该怎么办?？
浏览 0提问于2018-03-06得票数 6
回答已采纳
我试图更新状态变量时，按钮click.but我的问题是，它更新一次，使用正确的数据，然后再次使用构造函数定义的数据更新。
constructor(props) {
super(props);
this.state = {
popupshow: [{ check: false, id: '' }]
}
}
componentDidUpdate(prevProps, prevState) {
console.log("this.state.popupshow"
浏览 3提问于2019-03-04得票数 0
我的ReactJS组件包含一个iframe。为了响应外部页面中的事件，我需要重新加载iframe。如果用户已经导航到iframe中的另一个页面，我需要将它重置为我第一次加载该页面时的URL。此网址在this.props中可用。 我试过使用forceUpdate()。我可以看到这会导致render方法运行，但是iframe不会被重置--大概是因为React不能告诉你发生了什么变化。 目前，我将一些随机文本附加到iframe的querystring中:此URL更改将强制React重新呈现iframe。然而，这感觉有点脏: iframe中的页面不在我的控制范围之内，所以谁知道这个额外的querys
浏览 361提问于2018-02-16得票数 14
回答已采纳
我需要在ajax请求完成后更新上下文。我使用的是通量体系结构，一切都很有效，当我的组件被告知更新时，我需要设置新的上下文。
简单的演示：
我有一个父组件，它通过调用存储来生成上下文。在其他地方初始化ajax请求之后，存储将获取数据。如下所示：
RowAPI.ajaxGetAllRows();
然后我有了我的组件，它保存了上下文：
let ParentComponent = React.createClass({
childContextTypes: {
rows: React.PropTypes.object
},
getChildContext:
浏览 0提问于2015-12-21得票数 0
回答已采纳
我正尝试在单击Enter键后捕获文本框中的值。我通常使用onChange，但这不是我想要的。在下面的代码中，我尝试使用onKeydown，但当我尝试在文本框中键入内容时，什么也没有发生。下面是我的代码： class App extends React.Component{
constructor(){
super()
this.state = {
name:'',
show:false
}
this.handleKeyDown = this.handleKeyDown.bind(this)
}
hand
浏览 32提问于2020-11-09得票数 0
回答已采纳
2回答
ReactJS:转移道具
、、、
我正在ReactJS中开发一个实时仪表板应用程序来监视传感器。我使用AutobahnJS +来流数据。
这是组件视图中我的仪表板的抽象。
Main.jsx:
class Main extends React.Component {
constructor(props) {
super(props)
}
componentDidMount() {
$(document).foundation();
var that = this;
var conn = new ab.Session('ws://xx.xxx.xxx.xx', function
浏览 1提问于2016-08-05得票数 2
我有一个这样的组件：
class LoginPage extends React.Component{
constructor(props) {
super(props);
this.state = {submit:''};
this.handleSubmit = this.handleSubmit.bind(this);
}
handleSubmit(e) {
alert('username and password were submitted: ' + this.props.userName + '
浏览 0提问于2017-03-29得票数 0
var MyComponent = React.createClass({
getInitialState: function () {
return { items: '' };
},
componentDidMount: function () {
this.onSuccess();
},
onSuccess: function () {
this.setState({ items: items });
},
render: function () {
return (
<Cart items={th
浏览 0提问于2016-04-21得票数 0
我有仪表板，应该显示数据，如果用户登录和其他数据，如果没有用户登录。我已经设法弄清楚，如果一个用户登录了，它不会反映在页面上。只有在重新加载页面后才会发生变化。
这就是我所拥有的:一个带有userstatus组件的Account对象，用于保存用户的详细信息。Account对象放在包装在App.js中的上下文中。它还有一个从身份验证机制获取用户详细信息的getSession函数。getSession还会根据结果(logged_in或not_logged_in)更新用户状态。其次，我有一个仪表板组件，它运行getSession方法并将结果放入控制台。一切都很好。但是render函数没有获得更改后的
浏览 0提问于2020-06-23得票数 0
在ReactJS中更新和显示正确值的正确方法是什么？
例如:我在屏幕上显示来自数据库的数据。当我更改数据库中的值时，我希望直接在屏幕上看到新值。
我有两个文件：
class Parent extends React.Component {
constructor(props) {
super(props);
this.state = {
containers: []
};
}
componentDidMount() {
var self = this;
axios.get('http://reactlaravel.dev
浏览 2提问于2017-10-31得票数 1
回答已采纳
我正在学习ReactJS，并且正在开发一个Todo应用程序。
在我的页面中，我有一个任务文本框和一个按钮来将任务添加到项数组中。我面临一个问题，当我点击Add任务按钮来添加我的第一个任务时，它似乎不是第一次添加它，然后当我添加我的第二个任务时，第一个任务被添加，而不是第二个任务，等等。我使用console.log(this.state.items)来知道我有哪些项目，问题是下一次添加前一项。
我只是学习反应，而不是一个有经验的人在技能，会真的感谢任何帮助和解释的问题，我面临的问题，我如何解决它。
下面是我到目前为止编写的代码。
import React, {Component} from &#
浏览 0提问于2019-01-14得票数 0
回答已采纳
1回答
我对此并不熟悉，这更像是一个概念性的问题，而不是具体的编程问题。
我有一个主组件，它有3个子组件。叫他们A, B, C。A是一个图，B是一个图像，C是一组单选按钮(X，Y，Z)。有一个与C相关的状态，它具有默认的{buttonSelected: "Y"}。
当主组件加载时，将从prepareData(this.state.buttonSelected)调用一个函数render()。该函数将准备在图形和图像中显示所需的所有数据，然后填充对象上的数据并返回对象。主组件的return()中的所有图形和图像都是使用这个返回的对象创建的，组件成功地加载。
现在，当我再次单击X无线键时，p
浏览 2提问于2018-11-01得票数 0
回答已采纳
4回答
我正在学习React做一个测试应用程序，但是在知道返回部分的.map内部的正确答案时，我遇到了一些问题，下面是我的代码：
const Question = (props) => {
/*This part randomize the order of answers*/
let render_order = questions[props.level][props.option][1]
const correct = render_order[0]
render_order = render_order.sort(function() { return Math.random() - 0
浏览 2提问于2021-06-25得票数 0
回答已采纳
1回答
我是新的反应，我认为基本已经沉入，但我被困在了一些东西。我们要重建我们的一个旧系统，我想要做出反应。
我们的系统是一个内部的CRM，每组客户数据都是一个Mb的大小，所以效率是我们的首要任务之一。逻辑是在一个单独的API上完成的，许多不同的系统都使用它，因此99%的前端是CRUD。
(我希望我能解释清楚！)
在我的问题上。如果我对客户端数据的一部分进行了小的更改，比如我向客户端添加了一个“审核”.还有很多其他数据可能会发生变化。复杂到我不想复制前端和API端的逻辑。
我是否需要让API返回完整的Mb数据，让根级的应用程序重新呈现它的所有组件？还是有更有效的方法来做到这一点？我应该设置每个组件来周
浏览 1提问于2017-07-12得票数 0
回答已采纳
如何在reactjs材料中加载和映射数据。我通过Cards组件将一个对象传递给子组件。当控制台日志时，我可以接收来自父程序的对象，但它正在抛出failed to compile错误。有人能让我知道我哪里错了吗？
Card.tsx
function createData(type: any, description: any, volume: any) {
return { type, description, volume };
}
class Card extends Component {
constructor(props: any) {
super(props);
浏览 0提问于2019-08-05得票数 0
回答已采纳
我有一个组件，它有一个表单，您可以从该表单中选择三个选项。一旦选择了这些选项之一，就会在下面呈现子组件。此子组件需要根据输入从服务器获取数据。
我遇到的问题是，虽然我能够将数据向下传递给子组件，但除非我在父组件上选择默认选项，然后选择另一个值，否则子组件无法获取。
这是我的代码: codesandbox：
App.js
import React, { Component } from "react";
import ChildComponent from "./ChildComponent";
class App extends Component {
c
浏览 6提问于2020-08-13得票数 0
回答已采纳
我正在开发一个应用程序，在该应用程序中，我使用流上的数据更新接口。我从代码开始，如下所示：
var TempDisplay = React.createClass({
getInitialState: function() {
return {
tempFAA:0.69,
tempGGG:1.4,
temp03K:3.66,
temp60K:58.79,
rateFAA:-0.04,
rateGGG:-0.0001,
浏览 3提问于2016-09-09得票数 2
回答已采纳
2回答
我的onChange函数哪里出错了？我希望能够键入我的文本框，但在重新编译时，我一直会收到以下控制台错误：
**Uncaught TypeError: Cannot read property 'value' of undefined**
见下面的代码：
var name = "";
export default React.createClass({
handleChange: function() {
this.props.onUserInput(
this.refs.name.value
)
},
r
浏览 0提问于2017-01-25得票数 0
文件的时间、时间或时间的变化如何影响？
其父目录的atime、mtime或ctime和
它的祖先目录的时间、时间或时间？
浏览 0提问于2015-02-27得票数 6
我希望能够动态地更改输入标记中的value属性，但也可以将初始值设置为一些文本 我只想在用户停止键入后发送API请求，因此我使用了一个去抖动函数，问题是我不能随着用户键入而不断更新输入字段。 class App extends React.Component {
static propTypes = {
};
constructor() {
super();
this.state = {
tag: 'art',
searchTerm: 'art'
};
}
callApi = debou
浏览 29提问于2019-05-05得票数 0
回答已采纳
我创建组件，将其连接到redux，初始化状态并创建减速器。
构成部分：
import fetchReducer from './reducers/fetchReducer';
import initialState from './constants/initialState';
const store = createStore(fetchReducer, initialState, devToolsEnhancer());
class Table extends React.Component {
// constructor
getData
浏览 5提问于2021-01-04得票数 0
回答已采纳
我正在使用npm包react-sortablejs。在我的组件中，我想动态地设置disabled选项。现在，我的组件看起来如下：
class Example extends Component {
constructor(props) {
super(props)
this.state = { }
}
render() {
const { disabled } = this.props // <-- Boolean value as property
return (
浏览 14提问于2017-06-12得票数 1
回答已采纳
2回答
我有：
export default class List extends Component {
...
render() {
return <div>
...
<DropdownMenu text="Only show" isOpen={this.state.activeDropdown === "Only_show"} onClick={() => this.setState({ activeDropdown: "Only_show"})} inMenu={this.state.mouseInDrop
浏览 0提问于2019-02-12得票数 0
1回答
class Hello extends React.Component {
constructor(props){
super(props)
this.state={count:1};
this.myRef = React.createRef();
}
use(){
console.log(this.myRef);
let f=function(){
this.setState({count:2});
浏览 1提问于2018-12-29得票数 0
我有这个组件类(和一些相关的方法)：
const sortData = (name, data) => {
return data.sort((a, b) => {return b[name] - a[name]});
};
class LeaderTable extends React.Component {
renderByRecent() {
let data = sortData('recent', this.props.list);
ReactDOM.render(
<Lead
浏览 7提问于2017-08-01得票数 1
回答已采纳
在使用ReactJS开发我们的第一个应用程序时，我遇到了一个状态刷新问题。我们有一个从API读取页面列表的组件。此结果包含页面名称和内容。我们循环遍历结果集，为每个页面创建可访问的Ons.ListItem行。onClick触发一个函数，该函数调用pushPage并将细节作为道具传递。
所有内容都显示正确，但我注意到，当我更改API服务器的页面内容时，弹出页面不会重新绘制。如果我退出弹出并重新单击列表项，那么它将显示新内容。如果以相同的方式更改title属性，列表项本身也会正确地重新绘制。
PushPage似乎正在脱离对父组件接收的内容更改的感知，并且好奇是否有人对解决这一问题的最佳方法有想法。
浏览 2提问于2019-11-15得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
