Reply to thread

Message

<blockquote data-quote="MayoMayn" data-source="post: 435777" data-attributes="member: 71840">Just to mention, if you're going to do async stuff, you should do it inside componentDidMount and not componentWillMount as it gets called multiple times and the rendering is most definitely finished before the async stuff is.Referring to your redux function that looks like a HTTP request inside your DeviceDashboard component.E.g[PHP]class DeviceDashboard extends Component {&nbsp; &nbsp; componentDidMount = () =&gt; this.props.fetchDevices();&nbsp; &nbsp; // ...&nbsp; &nbsp; render = () =&gt; (&nbsp; &nbsp; &nbsp; &nbsp; &lt;div className=&quot;dashboard&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div className=&quot;container&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // check the loading property instead of the devices length&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {this.props.loading ? &lt;h1&gt;Loading...&lt;/h1&gt; : this.createDeviceDashboard()}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; );}[/PHP]and then set the loading property as true in the initial state<a href="https://stackoverflow.com/a/41612993" target="_blank">https://stackoverflow.com/a/41612993</a></blockquote>

[QUOTE="MayoMayn, post: 435777, member: 71840"] Just to mention, if you're going to do async stuff, you should do it inside componentDidMount and not componentWillMount as it gets called multiple times and the rendering is most definitely finished before the async stuff is. Referring to your redux function that looks like a HTTP request inside your DeviceDashboard component. E.g [PHP] class DeviceDashboard extends Component { componentDidMount = () => this.props.fetchDevices(); // ... render = () => ( <div className="dashboard"> <div className="container"> // check the loading property instead of the devices length {this.props.loading ? <h1>Loading...</h1> : this.createDeviceDashboard()} </div> </div> ); } [/PHP] and then set the loading property as true in the initial state [URL]https://stackoverflow.com/a/41612993[/URL] [/QUOTE]

Verification

Reply to thread

Connect with us

Newest members