![](/img/trans.png)
[英]how to fetch data from firebase realtime database in react js
[英]Fetch realtime data from database using CubeJs
我将cubejs
与React
一起使用。 我想显示实时数据。
我尝试使用 React 生命周期方法和 state,其中<QueryRender>
组件每 2 秒触发一次。 但它不起作用。
您可以将传输切换到 Web Sockets:
import cubejs from '@cubejs-client/core';
import WebSocketTransport from '@cubejs-client/ws-transport';
const cubejsApi = cubejs({
transport: new WebSocketTransport({ authentication: CUBEJS_TOKEN, apiUrl: 'ws://localhost:4000/' })
});
并使用 react hooks 订阅:
import { useCubeQuery } from '@cubejs-client/react';
const Chart = ({ query }) => {
const { resultSet, error, isLoading } = useCubeQuery(query, { subscribe: true });
if (isLoading) {
return <div>Loading...</div>;
}
if (error) {
return <pre>{error.toString()}</pre>;
}
return <LineChart resultSet={resultSet}/>;
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.