Hard
class Time extends React.Component{
constructor(props){
super(props);
this.state={order:[]};
}
componentWillMount(){
setTimeout(()=>{
this.setState({order: this.state.order.concat(1)});
}, 1000);
this.setState({order: this.state.order.concat(2)});
}
componentDidMount(){
// httpCall is an asychronous dummy function
// It can take between 500ms and 1500ms
httpCall('/some/api'). then(()=>this.setState({order: this.state.order.concat(3)}));
}
render(){
return(
<div>
{this.state.order.join(',')}
</div>
);
}
}
What does this component display?
Check the possible answer(s):
Author: Victor SabatierStatus: PublishedQuestion passed 1451 times
Edit
1
Community EvaluationsNo one has reviewed this question yet, be the first!
3
Write a React component as a function3
Fix the following React component: Scroller7
Optimize a React component by implementing shouldComponentUpdate2
Write the missing code to render the children of the UserProfile component.7
Improve this React component so that it displays "Green" by default.6
How to submit a form in React6
Write a React function that fetches comments and passes them to a component.