sailboat-design
Version:
A simple sailboat simulator
22 lines (21 loc) • 1.12 kB
JavaScript
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
/* eslint-disable @typescript-eslint/no-unused-vars */
import { useState, useTransition } from 'react';
var Index = function () {
var _a = useState(''), value = _a[0], setValue = _a[1];
var _b = useState([]), searchData = _b[0], setSearchData = _b[1];
// 这样用, 或者直接引入startTransition
var _c = useTransition(), isPending = _c[0], startTransition = _c[1];
var handleInputChange = function (e) {
setValue(e.target.value);
// startTransition
startTransition(function () {
var arr = Array.from({ length: 50000 }, function (v, i) { return new Date().getTime() + i; });
setSearchData(arr);
});
};
return (_jsxs(_Fragment, { children: [_jsx("input", { type: "text", value: value, onChange: handleInputChange }), _jsx("ul", { children: isPending
? '0C2A2168.png'
: searchData.map(function (item) { return _jsx("li", { children: item }, item); }) })] }));
};
export default Index;