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 1406 times
Edit
2
Community EvaluationsNo one has reviewed this question yet, be the first!
6
Optimize a React component by implementing shouldComponentUpdate5
How to submit a form in React7
Improve this React component so that it displays "Green" by default.3
Fix the following React component: Scroller2
Write a React component as a function6
Write a React function that fetches comments and passes them to a component.2
Write the missing code to render the children of the UserProfile component.