在子组件的componentDidMount中时，异步父组件中的属性数组未定义

文章/答案/技术大牛

发布

2回答

异步代码的父组件和子组件之间的componentDidMount顺序

javascript、reactjs

在react中，子组件的componentDidMount()方法在父组件的方法之前被调用，如和所示。然而，如果孩子的componentDidMount()包含异步代码(例如Fetch API)，情况就不是这样了。如何仅在解析子进程的异步componentDidMount后运行父</e

浏览 1提问于2019-08-09得票数 2

3回答

javascript、reactjs、spotify

我正在使用spotify API检索一个名为tracks的对象，该对象显示歌曲的名称和艺术家的名称。曲目的名称是一个字符串，但艺术家是一个对象数组。我能够检索信息的唯一方法是，如果我创建了另一个函数来通过按钮单击来调用，该函数将属性存储在状态中，但我希望属性信息存储在状态中，而不需要单击按钮。: this.props.artists[0].name}); // c

浏览 18提问于2020-07-25得票数 0

3回答

在道具上重新呈现子组件的最佳解决方案是什么？

javascript、reactjs

我有一个父组件，它在componentDidMount()钩子中获取数据。状态为setState()-d与此数据。然后，我将数据作为道具传递给子组件，并根据这些道具设置它们的状态。在第一次呈现时，由于componentDidMount()尚未执行，所以道具将未定义。因此，子组件得到未定义的道具，并使用它们创建状态。当componentDi

浏览 2提问于2018-11-14得票数 0

2回答

我无法为reactjs中的子组件中的props设置默认值

reactjs

我有一个名为"Component_A“的父组件，还有一个"Component_B”子组件。我试图从父组件中的服务器获取数据，并将其作为道具传递给子组件。但是在父级"Component_A“中的"componentDidMount”函数中进行ajax调用之前，我的道具<em

浏览 0提问于2015-12-23得票数 2

1回答

子组件通过web套接字检索数据的React最佳实践是什么？

reactjs、websocket

我对React有些陌生，正在尝试设置一个从WebSocket连接检索其自身数据的子组件。此web套接字连接在父ComponentDidMount中建立，并通过prop socket传递给子组件。这样做的问题是，只有在第一次定义this.props.socket时，我才必须定义getDerivedStateFromProps来检索子组件中的数据(连

浏览 0提问于2019-12-13得票数 0

2回答

无法在父组件中运行子组件方法

javascript、reactjs

我必须在父组件中运行子组件方法。这不是正式的，但我需要为复杂的代码运行这个..。我尝试使用refs，但它不适用于父组件。出现以下错误。无法读取未定义的属性“renderSetup” class Parent extends Component { super(props_rende

浏览 2提问于2020-01-24得票数 0

回答已采纳

1回答

prop值的更改不会使子组件重新呈现

reactjs、react-native

我有一个父组件，它将数组属性传递给子组件。但是，当render在componentDidMount之前运行时，我正在设置该数组的值。子组件接收一个空数组作为属性。我在网上搜索了一下，似乎componentWillRecieveProps可以帮助使子组件rr渲染。但由于此方法在react 16及

浏览 2提问于2019-05-11得票数 0

3回答

每个父组件呈现时是否重新装入子组件？

reactjs

在这个非常基本的示例中，我将在组件Bar的呈现函数中包含组件Foo。我观察到，每次Foo重新呈现时，用于componentDidMount的Bar方法都会触发--这是正确的行为吗？Component { return ( );} 注意:我问这个问题是为了理智地检查预期的行为

浏览 2提问于2017-03-31得票数 3

回答已采纳

1回答

在“`render`”和“Condition”之间存储的争用条件

javascript、reactjs、reactjs-flux

在componentDidMount中设置存储侦听器是否安全，同时也不调用setState或forceUpdate (从而触发立即重呈现)？在React中，常见的示例似乎是在侦听之前同步getInitialState中的Store状态或在render中拉取存储数据，然后在componentDidMount中开始侦听。是什么防止在compo

浏览 3提问于2015-09-09得票数 3

回答已采纳

2回答

在控制台中看不到@Input的值，但在HTML中可用

angular

在我的Angular 4项目中，我从父组件传递了一个值，该值是通过服务调用传入的。子组件正在接收该值，并且在我的HTML中也可用。但是当我在我的子组件typescript文件中安慰传递的值时，它显示为undefined。下面是我的代码片段： restaurantlayout.component

浏览 2提问于2018-05-04得票数 1

1回答

React Redux连接组件在状态更改后不会更新

javascript、reactjs、redux、react-redux

我在试着使用React Redux。有一种情况是，一个连接组件(Coordinates.jsx)嵌套在另一个连接组件(Canvas.jsx)中。源代码 (纱线安装，然后纱线开始) 在父组件Canvas.jsx中，我在中分派了一个动作，该动作可以永久地改变状态。，子组件Coordinates.jsx没有更新，console.log显示未定义的。Coordinates

浏览 1提问于2017-05-24得票数 1

回答已采纳

2回答

在父组件中异步调用之后，使用支持来响应、更新子组件中的状态。

javascript、reactjs、async-await、state

我正在构建一个天气应用程序，我正在寻找一些关于更新子组件中状态的最佳实践的建议，这些建议基于父组件在父组件异步调用后发送的道具。我有一个父组件，它在componentDidMount()方法中对navigator.geolocation进行异步/等待调用，并返回作为支持发送给

浏览 0提问于2019-02-02得票数 6

回答已采纳

1回答

reactjs

我有一个接收道具的react子组件，但它们只在componentWillReceiveProps中可用。它们在componentDidMount中为null。我不想使用该事件，因为它已被弃用。

浏览 2提问于2018-08-30得票数 0

1回答

从功能组件向类组件传递引用

javascript、reactjs、react-native、react-ref

我有一个父函数组件在我的反应-本地应用程序，和一个子类组件。我想在我的父组件中调用一个子方法。我试图将一个引用传递给子函数，并使用它来调用父方法。我的父组件： // ...duration: 200, easing: Eas

浏览 3提问于2022-01-25得票数 1

1回答

在单支柱React.js中传递多个方法

javascript、reactjs、ecmascript-6

我有一个react.js组件，在这个组件中，我想从父组件向子组件传递一系列不同的方法，这些方法修改父组件的状态。focus: function(itemID) { } } 在我的子组件中，我试图

浏览 1提问于2017-02-07得票数 0

回答已采纳

点击加载更多

异步代码的父组件和子组件之间的componentDidMount顺序