21 lines
756 B
React
21 lines
756 B
React
|
import "bulma";
|
||
|
|
import {useState} from "react";
|
||
|
|
import styles from './Item.module.css';
|
||
|
|
|
||
|
|
export default function Item({pos, callback}) {
|
||
|
|
let [loading, setLoading] = useState(false);
|
||
|
|
return (<li className={'my-4 ' + styles.item}>
|
||
|
|
<div>
|
||
|
|
<div style={{"display": "inline-block"}} className="box m-4"><span>Item {pos}</span></div>
|
||
|
|
<button className={"button is-success m-4" + (loading ? " is-loading" : "")} onClick={() => {
|
||
|
|
setLoading(true);
|
||
|
|
setTimeout(() => {
|
||
|
|
callback('Clicked ' + pos);
|
||
|
|
setLoading(false);
|
||
|
|
}, 1000)
|
||
|
|
}}>Click me
|
||
|
|
</button>
|
||
|
|
<button className="delete"/>
|
||
|
|
</div>
|
||
|
|
</li>);
|
||
|
|
}
|