当我从componentWillMount()调用一个操作时，为什么我的连接状态没有更新？
当你从componentWillMount()调用一个操作时，可能会出现连接状态没有更新的情况，这可能是因为以下几个原因：
- 异步操作：如果你在componentWillMount()中调用的操作是异步的，那么连接状态可能没有立即更新。异步操作通常会在后台执行，而不会阻塞主线程的执行。因此，在componentWillMount()中调用的异步操作可能还没有完成，导致连接状态没有更新。
解决方法：可以使用异步操作的回调函数或者Promise来处理异步操作的结果，并在结果返回后更新连接状态。
- 生命周期顺序：componentWillMount()是React组件生命周期中的一个早期阶段，它在组件渲染之前调用。如果你在componentWillMount()中调用的操作依赖于组件渲染后的状态或属性，那么连接状态可能没有更新。
解决方法：可以将操作移到componentDidMount()生命周期方法中调用，该方法在组件渲染之后调用，确保连接状态可以正确更新。
- 组件重新渲染：如果你在componentWillMount()中调用的操作导致组件重新渲染，那么连接状态可能没有更新。重新渲染时，React会尽量保持之前的状态，包括连接状态。
解决方法：可以使用shouldComponentUpdate()方法来控制组件是否重新渲染，或者在操作完成后手动更新连接状态。
总结起来，当你从componentWillMount()调用一个操作时，连接状态没有更新可能是由于异步操作、生命周期顺序或组件重新渲染等原因导致的。为了解决这个问题，可以使用异步操作的回调函数或Promise来处理异步操作的结果，将操作移到componentDidMount()生命周期方法中调用，或者使用shouldComponentUpdate()方法来控制组件重新渲染。
相关·内容
我们都知道constructor -> componentWillMount -> componentDidMount是执行的顺序。
现在，当redux出现并试图访问组件生命周期中的redux属性时。连接执行的顺序是什么，以便数据是可用的生命周期方法，忽略和数据更新到redux。可能性是
1. Connect (DATA AVAILABLE) -> constructor & componentWillMount & componentDidMount
2. constructor -> Connect (DATA AVAILABLE) -> c
浏览 0提问于2018-06-07得票数 13
回答已采纳
我在做一个反应申请。我需要进行一个ajax调用，从服务器获取数据，并在组件表的行中填充这些数据。我在ajax中调用componentWillMount并将响应存储在状态中。现在，我的呈现获取这个状态并填充它。不过，我有几个问题：
我是不是应该把ajax放在componentWillMount里
我的componentDidMount没有得到在componentWillMount中设置的state的值。这意味着当componentDidMount试图访问异步时，异步还没有完成。如何解决这个问题？设置async:false确实是一个糟糕的选择。
什么东西都可以在componentWil
浏览 3提问于2017-11-01得票数 1
回答已采纳
在我的组件componentWillMount()部分中有api调用。当我从其他组件重定向到api调用所在的组件时。那么它就不会出现在componentWillMount部分。那么在reactjs中有没有什么函数可以强制重新加载我的组件，从而调用我的componentWillMount函数？
注意:我尝试过this.forceUpdate，但ShouldComponentUpdate Method.But似乎对我不起作用。
浏览 1提问于2018-12-11得票数 0
触发服务器调用来获取componentWillMount生命周期方法中的数据是一种不好的做法吗？
以及为什么最好使用componentDidMount。
浏览 8提问于2017-09-04得票数 29
回答已采纳
我们可以在每个组件生命周期方法中调用setState()。
为什么我们不在componentWillUpdate()和componentWillMount()中调用它?
为什么这些方法在将setState放入其中时不触发呈现函数?
有人能详细解释一下吗？
谢谢。
浏览 4提问于2016-11-24得票数 6
回答已采纳
我想要在组件之前渲染时获得初始数据。
因此，我尝试在componentWillMount中声明更新操作。
虽然状态改变了，但当我在componentDidMount确认控制台结果时，结果是空白的。
imageUpload.js
export const IMAGE_UPLOAD = 'IMAGE_UPLOAD';
export function imageUpload(photo) {
return {
type: IMAGE_UPLOAD,
photo
}
}
Reducers.js
import { IMAGE_UPLOAD } from '
浏览 3提问于2017-06-22得票数 0
1回答
我遇到麻烦了，找人帮忙。我有一个叫做mapRanks的函数。它在componentWillMount和元素的setState中通过字符串数组使用map进行调用。它适用于一个数组，但我需要在多个不同的数组中多次运行它。
所发生的情况是，除了最后一个状态之外，所有以前的状态都变成array[0]。
请看一看：
export const mapRanks = (options, ranks, count, element) => {
component = options.component; // this component
group = options.group;
浏览 3提问于2016-07-02得票数 0
回答已采纳
为什么这不起作用：
class Slider extends React.Component {
constructor(props){
super(props);
this.state = {
top : 0,
responsiveImg : ""
};
}
componentWillMount(){
const bodyWidth = window.innerWidth;
const responsiveSliderIm
浏览 2提问于2016-07-21得票数 3
回答已采纳
我想使用从mapStateToProps获得的属性来设置组件的本地状态。当我在ComponentWillMount()方法或ComponentDidMount()方法中使用this.setState时，它是未定义的。
componentWillMount() {
this.props.fetchBooks(this.props.id);
this.setState({
books:this.props.books
})
}
const mapStateToProps = (state, ownProps) => {
let id = ownPr
浏览 0提问于2019-10-03得票数 0
我有一个数组状态变量，我试图将其设置为在componentWillMount()方法中创建的数组
getInitialState: function() {
return {
matrix: [],
generation: 0,
neighbors: [[0,1], [1,0], [-1, 0], [0, -1], [1, 1], [-1, -1], [-1, 0], [0, -1]]
};
},
componentWillMount: function() {
function Cell() {
this.neighbors = 0;
this.isAlive
浏览 1提问于2017-10-20得票数 0
回答已采纳
我试图在(根组件)中传递道具，然后从App本身将道具传递给Header组件。
我在App和Header组件中都使用了生命周期挂钩( componentWillReceiveProps() )。
componentWillMount()、render()、componentDidMount()按预期顺序在这两个组件中执行。
但是，即使在传递道具时，也根本不执行componentWillReceiveProps()。这是一个unExpected行为，因为componentWillMount()是正常执行的！
我将非常感谢知道为什么会发生这种事！谢谢您:)
请查看下面链接中的代码示例：
浏览 0提问于2018-11-08得票数 1
回答已采纳
在React组件中在componentWillMount()方法中设置一些值是一个好主意还是坏主意？
比方说，我有一个连接到对象的受控组件。我通过道具接收一些值，并需要在对象中设置它们。看起来是这样的：
class MyComponent extends Component {
constructor(props) {
super(props);
}
componentWillMount() {
// I receive "color" through props and need to set it
// in
浏览 2提问于2017-10-02得票数 0
回答已采纳
我使用的是React.js，如您所知，componentWillMount()将被废弃。我想换掉我的componentWillMount。
我将把它的逻辑移到constructor中。在componentWillMount和constructor中执行某些逻辑有什么区别吗？
例如,
在此之前
class Hello extends React.Component {
componentWillMount() {
doSomething();
}
render() {
return <div>{this.state.name} </di
浏览 1提问于2018-08-30得票数 23
回答已采纳
嗨，当我使用TabNavigator (有5个标签)进入屏幕，其中一个是在componentWillMount上调用redux操作时。但奇怪的是为什么它从不停止调用动作。
浏览 0提问于2017-11-15得票数 0
如果我在componentWillMount中的相同状态下在this.setState之后调用console log，为什么我会变得不确定
这个例子将解释这个问题。
constructor(props){
super(props);
this.state = {
total: 100,
length: null,
number: null,
}
}
componentWillMount(){
let JSONFetchedNumber
浏览 0提问于2018-02-04得票数 0
回答已采纳
我有一个问题的反应-本地人，我已经工作了几个小时，但没有结果。感谢你的帮助。
我正在通过React本机中的导航器组件将用户对象的实例传递给子组件。
因此，我将构造函数定义为：
constructor (props) {
super(props);
this.state = {
isSpinnerLoading: true,
user : React.PropTypes.instanceOf(User).isRequired
};
}
我用相应的信息填写我的用户对象，然后调用this.props.navigator。到目前为止，一切都很完美。
浏览 4提问于2016-10-21得票数 1
回答已采纳
React文档声明，ajax请求应该从componentDidMount生命周期事件中启动(参见)。
为什么是这件事？
在大多数情况下，当使用ajax加载数据时，我希望显示某种加载条，例如：
componentDidMount() {
this.setState({isLoading: true});
fetch(...)
.then(...)
.then(() => this.setState({isLoading: false})
}
但是这会触发3次render方法(初始呈现，然后是设置isLoading = true，然后是isLoadin
浏览 1提问于2016-07-04得票数 13
回答已采纳
我有以下组件代码：
var Answer = React.createClass({
getInitialState: function(){
return { comments: []}
},
componentWillMount: function(){
$.ajax({
context: this,
method: 'GET',
url: '/answers/' + this.props.answer.id + '/comment
浏览 19提问于2016-09-28得票数 0
回答已采纳
我有一个组件，它使用componentWillMount通过redux进行API调用，以获取数据和更新状态。
在调用此方法之前，我需要转到DB并获得一个属性，根据该属性，我将决定是否应该进行数据检索(从第1段开始)。
我想做的事(用承诺)-
取回财产(从第2款起)
然后，如果需要数据，则分派正常流(第1段)。
如果不需要数据，请继续。
我的问题是它应该在你的作品里去哪里。
一方面，在商店里这样做会让人觉得太过分了。另一方面，我可能会遇到副作用问题。此外，我可以在组件或动作创建者中实现逻辑。你认为什么是最好的？
附加信息: 1.我使用的是redux-thunk。改变成萨格斯是
浏览 9提问于2016-08-01得票数 2
1回答
在我的react应用程序中，我似乎不能将状态值用作子组件的道具。
在父组件constructor中，应用程序具有名为selectedWarehouseID的空状态。
此状态(selectedWarehouseID)应该使用componentWillMount()方法中的一些信息进行更新。
现在，在父组件的render方法中，我嵌入了另一个将此状态作为道具的子组件。
<ItemChooser
productsByWarehouse = { this.state.selectedWarehouseID }
/>
现在问题是，在子组件中，this.props.productsByWa
浏览 3提问于2017-06-14得票数 1
回答已采纳
我正在尝试使用React与REST进行交互，并且我已经意识到，当我获取数据时，render只会被调用一次而不带数据，然后再次调用和(数据)。
当我试图处理这些数据时，这会引发异常，但我可以使用if语句来检查数据是否为空。然而，我不确定是否需要这样做。
class App extends Component {
state = {
TodoList: {},
};
componentWillMount() {
axios.get("http://localhost:5001/1").then((response) => {
this
浏览 0提问于2019-01-27得票数 5
回答已采纳
我正在Jquery中执行.get()请求，并更新了状态。
我的问题是：
为什么我不能在console.log(this.state.storage)中看到componentWillMount()中的数据，也不能看到componentDidMount()中的数据，但我可以在render()中获得输出
此外，我还需要对获取的数据进行操作，在哪个生命周期中应该这样做？
constructor() {
super();
this.state = {
storage: []
}
}
componentWillMount() {
$.get('data.csv'
浏览 2提问于2017-11-17得票数 0
在dom呈现之前调用的componentWillMount()。我应该从这里调用我的操作还是从componentDidMount()调用
有什么区别，我应该选择哪一个？
浏览 2提问于2017-07-25得票数 1
我实际上是在研究反应，我想巩固我的知识。从生命周期方法开始：
getDefaultProps：
来自getDefaultProps和父的属性都在this.props中合并，就像属性现在已经准备好供"getInitialState“使用一样
getInitialState：
this.props用于设置组件的状态。组件现在准备好呈现。
componentWillMount:我们在里面能做什么？
呈现：
自我解释
componentWillMount：
我们可以执行一些操作来清理组件。
componentWillMount看起来有点过火了？你觉得呢？
浏览 4提问于2015-07-28得票数 0
5回答
因为我有一个带有窗体的组件，所以需要将表单连接到组件状态。初始数据来自Redux，因此尝试通过使用支持设置状态来初始化和更新组件：
componentWillMount = () => {
this.setState({
language: this.props.language || 'en'
})
}
language是一个连接的道具，我检查了它是否在商店中更新。
const mapStateToProps = state => ({
language: state.language
})
我也尝试过使用componentWillReceiv
浏览 5提问于2017-12-07得票数 22
4回答
无法访问数组中的数据。
、、、
我在访问从数据库获取的状态内的数据时遇到了问题，这是我的状态：
state = {
inputDataArr: [],
inputDataArrTest: [
{
formID: 'test',
inputArr: [1, 2, 3],
labelArr: [4, 5, 6]
}
]
};
这是我从数据库中导入的集合：
{
"_id": {
"$oid": "5ba96b8ebffd923734090df4"
浏览 0提问于2018-09-25得票数 0
回答已采纳
componentWillMount() {
console.log(this.state);
this.setState({
...this.state,
counter: this.state.counter + 1
});
console.log(this.state);
}
render() {
return (
{this.state.counter}
);
}
输出在屏幕上很明显是1，但两个console.log都输出0。
我在用reactjs做一个小测验应用。同样的问
浏览 0提问于2018-01-05得票数 0
回答已采纳
如果我有一个需要设置的React组件(例如定时器或WebAudio应用程序接口等)，我在决定初始化应该在constructor中进行还是在componentWillMount中进行时遇到了麻烦。两者都有什么优点或缺点？我不清楚哪一个是更好的地方。
我用谷歌搜索了一下，看看是否有人讨论过constructor和componentWillMount之间的区别，但我什么也找不到。
编辑: Redux和任何异步函数都不应该是等式的一部分。
浏览 18提问于2016-07-01得票数 26
回答已采纳
1回答
我正试着在一个平面列表中渲染一堆图片。目前，渲染页面时不会显示图片。然而，当我点击图片所在的屏幕时，它正确地打开了一个模式，允许我查看图片。为什么图片不会出现在平面列表中，而会出现在模式中？
首先，我从后端获取所需的数据
componentWillMount() {
apiService.getAlarmList().then((res) => {
console.log('NotificationHistory:componentWillMount:getAlarmList:res:', res);
for (let i = 0;
浏览 0提问于2018-06-05得票数 0
6回答
我完成了我的componentWillMount()异步。现在，我可以将await与setState结合使用。
下面是示例代码：
componentWillMount = async() => {
const { fetchRooms } = this.props
await this.setState({ })
fetchRooms()
}
那么，这里的问题是，this.setState返回承诺，因为我可以使用await吗？
编辑
当我放置等待，然后它运行在一个序列1, 2, 3和当我删除等待，然后它运行1, 3, 2？
componentWillMount = asy
浏览 0提问于2018-11-21得票数 30
回答已采纳
我的代码如下所示
componentWillMount(){
lotGroups = // backend call to fetch lotgroups
setState({
lotGroups
)};
}
因为我稍后要更改lotGroups (仅使用setState )，所以我希望存储完整的lotGroups集的初始副本。最好的方法是什么？我尝试将该变量添加到state中，然后在componentWillMount()中更新它，但不起作用。lotGroups一更新，这个也就更新了。
浏览 2提问于2018-08-01得票数 0
1回答
我在一个React + Redux + redux-thunk代码库中工作，我看到了一些奇怪的行为。如果我试图在componentWillMount中执行两个操作，那么第二个操作将无限循环。
这是componentWillMount
componentWillMount() {
const { actions } = this.props;
// Action #1 (synchronous)
actions.openLoader();
// Action #2 (promise-based fetch)
actions.getListingsPurchased().t
浏览 0提问于2016-12-24得票数 1
回答已采纳
我正在尝试执行对componentWillMount方法中的API的异步调用。实际上，我希望render方法在componentWillMount方法之后执行，因为我需要将props传递给render方法中的组件。
下面是我的代码：
class TennisSearchResultsContainer extends React.Component {
componentWillMount () {
// TODO: Build markers for the map
// TODO: Check courtsResults object and database for
浏览 2提问于2017-04-10得票数 48
回答已采纳
我使用的是列表视图
class GroupList extends Component {
componentWillMount() {
this.props.fetchGroups();
我从火炉中获取了一个非常简短的元素列表。
export const fetchGroups = () => {
const { currentUser } = firebase.auth();
return (dispatch) => {
dispatch({
type: FETCHING_GROUPS
});
firebase.d
浏览 3提问于2017-03-22得票数 1
回答已采纳
2回答
我的应用程序有一个用户控制面板，当页面加载时，它使用Redux从服务器获取数据。
在构造过程中，组件创建一个初始状态，如：
const { profile } = this.props;
this.state = {
prop1: profile.prop1 || '',
prop2: profile.prop2 || '',
nested: {
nestedProp1: profile.nested.nestedProp1 || '',
}
...etc...
}
在componentWillMount上我有这样的信
浏览 1提问于2018-10-19得票数 0
回答已采纳
2回答
我正在用学习RN，我正在用Firebase创建一个管理应用程序。
我有来自react-redux库的连接函数和mapStateToProps()，所以每次状态发生变化时，我都会将它们作为组件中的道具来接收。
我创建了一个从Firebase数据库中获取数据的操作，我将在componentWillMount()中调用它，但是由于获取数据是一个异步任务，所以我必须在componentWillReceiveProps()中创建数据源。
但是老师说我必须在componentWillMount()和componentWillReceiveProps()中都打电话给我的componentWillReceiv
浏览 3提问于2018-06-05得票数 2
回答已采纳
2回答
我可以从Firebase检索数据，然后立即显示出来。但是当我尝试在渲染中使用它时，它是空白的。我是新的反应-本地人，可能是做了一些不正确的事情。如何在呈现中使用Firebase中的数据？
这是我的代码：
componentWillMount() {
firebase.database().ref('/users/' + userId).once('value').then(function(snapshot) {
浏览 3提问于2017-08-08得票数 0
回答已采纳
我是一个菜鸟，我正试图在本教程中编译一个JSX：
使用reactjs.net
在我的helloWorld.jsx里
class PageContent extends React.Component {
componentDidMount() {
this.state = { name: "Hello World from ComponentDidMount" };
}
constructor(props) {
super(props);
this.state = { name: &#
浏览 2提问于2017-10-04得票数 0
我有一个连接的组件，它维护一个显示“状态”，以及在几个组件之间进行通信所需要的其他一些东西。我有两个连接的组件，它们是这个整体组件的子组件。取决于"state“组件中的标志，其中一个或其他子组件将呈现。最好只显示代码：
EditorState组件：
import React from 'react';
import {connect} from 'react-redux';
import Library from '../library/index';
import Editor from '../editor/index
浏览 2提问于2017-09-12得票数 0
回答已采纳
我有4个按钮，单击该按钮时，就会调用一个组件，其中显示了基于哪个按钮单击的不同数据。
当我第一次单击按钮时，该组件的构造函数和componentWillMount()函数将被调用，但在此之后，它才会被调用，直到我刷新页面或导航到不同的页面并返回。
那么，是否有任何方法可以在每次调用特定组件时调用组件的componentWillMount()函数或构造函数？
我不附加代码，因为问题是相当直截了当。
浏览 4提问于2017-09-27得票数 3
回答已采纳
“‘Home”是一个基于xhr响应重定向的中间组件。我以为“家”会显示“装载.”按照它的呈现/返回，直到接收到xhr响应。
但令人惊讶的是，
1)我从来没见过“装货.”但我只看到重定向的页面。
2)更改假xhr请求中的延迟没有影响，即我仍然得到了< 5s的响应。
3)将componentWillMount()改为componentDidMount()没有任何影响。
4)如果我对componentWillMount() { ... }进行评论，我就会看到“装载.”
你能帮我理解一下原因吗？
xhr.js
const myData = {
getData(cb) {
浏览 1提问于2017-09-16得票数 0
回答已采纳
1回答
只是想知道我做错了什么。当我从列表中选择一个值时，组件输入字段中没有填充该值。
class Search extends Component {
constructor(props) {
super(props);
this.state = {
name: 'order_select_field',
placeholder: "Make a selection",
}
}
componentWillMount () {
fetch('http://apirequest.com')
浏览 4提问于2017-08-29得票数 16
6回答
我是React.js的新手，我正在努力理解React生命周期方法中的几种方法。
到目前为止，我有些事情让我感到困惑：
1)
据我所知，componentWillUpdate和componentWillReceiveProps之间的区别是，当父程序更改道具时将调用componentWillReceiveProps，我们可以使用setState (componentWillReceiveProps中的这个子程序的setState)。
例如：
var App = React.createClass({
getInitialState: function() {
return {sourc
浏览 6提问于2015-04-26得票数 62
回答已采纳
1回答
我有一个父类组件，它在componentWillMount中有一个函数，它循环遍历字符串列表，为每个字符串创建一个元素，最后在this.state.map上创建一个元素。每个子元素都接收一个支柱，它是父元素中的一个名为this.state[element]的状态。
我将这些元素放入this.state.map中的原因是，我可以在(某些)上层组件中更改内容，而不必每次都重新呈现数组(这非常缓慢)，而且我不想使用shouldComponentUpdate。另外，在未来，我可以通过切换不同的地图状态快速地改变元素。
问题是，当父this.state[element] (作为初始componentWi
浏览 2提问于2016-06-19得票数 0
我使用ListView在以下结构下创建了一个组件：TabBarIOS > NavigatorIOS > ListView。我尝试在componentDidMount()中获取数据。但是，除非我在componentWillMount()中获取它，否则它不起作用。为什么？
我把我的工作放在这里
在MotorcycleList.js中，componentDidMount()似乎从未被调用过。
浏览 0提问于2015-12-21得票数 3
回答已采纳
为了实现componentDidMount()的效果，我编写了以下代码段：
class Blink extends Component {
constructor(props) {
super(props);
this.state = {output: 'c'};
}
componentWillMount() {
this.state.output += 'w';
}
render() {
this.state.output += 'r';
let display = this.sta
浏览 0提问于2018-02-07得票数 0
1回答
我正在尝试编写一个使用toastr组件的应用程序。然而，当我尝试在这个组件中分派一个redux操作时，我会得到以下控制台消息：
警告:在现有状态转换期间(例如在render或其他组件的构造函数中)不能更新。呈现方法应该是道具和状态的纯函数；构造器副作用是一种反模式，但可以移动到componentWillMount。
在中可以看到这方面的一个例子。特别是，问题出现在第23行的toastr.js组件上。谢谢!
浏览 1提问于2019-01-16得票数 0
回答已采纳
2回答
我试图从if语句中设置状态，但它不会这样做。因此，我需要从if语句中更新状态，在那里我可以接收经度和纬度坐标，但它不会保存状态。如果我在控制台中回音在If语句之外，我将只读取第一个setState值表单componentWillMount。有什么问题吗？我在这里做错了什么？这是一个结构：
componentWillMount() {
this.setState({
location: {
name: 'Riga'
}
});
}
componentDidMount() {
if (!!naviga
浏览 0提问于2017-08-29得票数 0
回答已采纳
2回答
我使用这个方法来处理组件，当路由器改变(类别页面)时初始化主页和componentWillReceiveProps的数据的componentWillMount，但是当我从类别页面返回主页时，我知道因为componentWillMount只做了一次，所以我看不到数据。
componentWillMount(){
this.props.fetchBooks(1)
}
componentWillReceiveProps(nextProps){
if(nextProps.match.params.id && nextProps.match.par
浏览 0提问于2017-10-02得票数 1
假设我的主页在没有用户登录时呈现所有帖子的提要，否则呈现与登录用户相关的帖子的提要。使用Flux，我可以简单地使用一个函数
getNewFeedPosts(){
this.setState({posts: []});
ajaxFetchPostsFromServer();
}
并将其作为侦听器添加到我的会话存储中。我还会有一个函数监听我的帖子存储，一旦新帖子返回以响应ajaxFetchPostsFromServer的调用，它就会将状态设置为新帖子。
在Redux中使用连接器和提供程序执行此操作的最佳实践方法是什么？
目前我有一个提要容器：
const mapStateToProps =
浏览 0提问于2017-02-25得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
