Я только что сделал анимированную «загрузку ...», используя CSS, но я хочу, чтобы он существовал только тогда, когда он ожидает загрузки/рендеринга. Есть идеи, как? Я действительно не знаю, как я так новичок в этом.componentDidMount() {
$.ajax({
url:'http://localhost:5118/api/employeedetai ... eedetails/',
success:(data)=>{
this.setState({
jsonReturnedValue:data
})
}
})
this.setState({isLoading: false})
}
< /code>
Это мой рендеринг: < /p>
renderItem(d, i) {
return
{d.Employee_ID}
{d.Employee_Name}
{d.Address }
Edit
Delete
}
render() {
if(this.state.isLoading) {
return
Loading
.
.
.
}
let {jsonReturnedValue} = this.state;
const isEnabled = this.canBeSubmitted();
return(
Listof Employees
Add an Employee
ID
Name
Address
Update
Delete
{jsonReturnedValue.map((d,i) => this.renderItem(d,i))}
Подробнее здесь: https://stackoverflow.com/questions/442 ... er-reactjs