const Error=()=>{
<div><p>Error!</p></div>
}
const Loading=()=>{
<div><p>Loading...</p></div>
}
const Todos=()=>{
<div><ul>
{this.props.todos.map(({ id, text }) => (
<li key={id}>{text}</li>
))}
</ul></div>
}
render() {
const { data: { loading, error, todos } } = this.props;
if (loading) {
<Loading>
} else if (error) {
<Error>
} else {
return (
<Todos todos={todos }>
);
}
}
refreshInput(event) {
const target = event.target.innerHTML;
//if you clicked a number
if(!isNaN(parseFloat(target)) && isFinite(target)) {
let number = this.state.firstOperand + target
this.setState({
firstOperand: number,
valueInput: number,
})
}
}