30 lines
542 B
JavaScript
30 lines
542 B
JavaScript
import React, { useState, useEffect } from 'react';
|
|
|
|
const List = () => {
|
|
let list = [];
|
|
if (list.length === 0) {
|
|
list.push('No times saved');
|
|
}
|
|
|
|
function clear() {
|
|
list = [];
|
|
}
|
|
|
|
return (
|
|
<div className="list">
|
|
<div className="timings">
|
|
<ul>
|
|
{list.map((item, index) => (
|
|
<li key={index}>{item}</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
<button className="button" onClick={clear}>
|
|
Clear list
|
|
</button>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default List;
|