forked from openinula/inula
52 lines
1.5 KiB
JavaScript
52 lines
1.5 KiB
JavaScript
/*
|
|
* Copyright (c) 2023 Huawei Technologies Co.,Ltd.
|
|
*
|
|
* openInula is licensed under Mulan PSL v2.
|
|
* You can use this software according to the terms and conditions of the Mulan PSL v2.
|
|
* You may obtain a copy of Mulan PSL v2 at:
|
|
*
|
|
* http://license.coscl.org.cn/MulanPSL2
|
|
*
|
|
* THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
|
|
* EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
|
|
* MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
|
|
* See the Mulan PSL v2 for more details.
|
|
*/
|
|
|
|
import Inula, { useState } from 'openinula';
|
|
import { useIR } from '../../index';
|
|
|
|
const App = () => {
|
|
const [message, setMessage] = useState('等待发送请求...');
|
|
const [isSent, setSend] = useState(false);
|
|
const options = {
|
|
pollingInterval: 3000,
|
|
enablePollingOptimization: true,
|
|
limitation: { minInterval: 500, maxInterval: 4000 },
|
|
};
|
|
const { data } = useIR('http://localhost:3001/', null, options);
|
|
|
|
const handleClick = () => {
|
|
setSend(true);
|
|
};
|
|
|
|
return (
|
|
<>
|
|
<header>useHR Test</header>
|
|
<div className="container">
|
|
<div className="card">
|
|
<h2 style={{ whiteSpace: 'pre-wrap' }}>
|
|
{options ? `实时数据流已激活\n更新间隔：${options?.pollingInterval} ms` : '实时数据流未激活'}
|
|
</h2>
|
|
<pre>{isSent ? data : message}</pre>
|
|
</div>
|
|
</div>
|
|
<div className="button">
|
|
<button onClick={handleClick}>点击发送请求</button>
|
|
</div>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default App;
|