Untitled
unknown
plain_text
3 years ago
760 B
14
Indexable
class ItemList extends React.Component {
state = {
items: []
};
componentDidMount() {
const { items } = this.props;
this.setState({ items });
items.forEach((item, index) => {
setTimeout(() => {
this.setState(state => {
return {
items: [
...state.items.slice(0, index),
{ ...item, isVisible: true },
...state.items.slice(index + 1)
]
};
});
}, index * 1000);
});
}
render() {
return (
<ul>
{this.state.items.map(item => {
return item.isVisible ? (
<li key={item.id}>{item.name}</li>
) : null;
})}
</ul>
);
}
}Editor is loading...