reactjs - 如何从数据库中向 Keplergl React 添加数据

Question

我正在使用 keplergl，我想从我的数据库中检索数据，但尽管在我的控制台中接收到一个对象，但开普勒无法检测到我的数据。

在我的控制台中接收我的对象

我应该怎么办？先感谢您

const reducers = combineReducers({
  keplerGl: keplerGlReducer
});

const store = createStore(reducers, {}, applyMiddleware(taskMiddleware));

export default function App() {
  return (
    <Provider store={store}>
      <Routes />
      <Map />
    </Provider>
  );
}

获取 + json + 地图

function Map() {

  
  
  console.log("data", data)

配置参数

  React.useEffect(() => {
    if (data) {
      dispatch(
        addDataToMap({
          datasets: {
            info: {
              label: "COVID-19",
              id: "covid19"
            },
            data:data
          },
          option: {
            centerMap: true,
            readOnly: false
          },
          config: {

          }
        })
      );
    }
  }, [dispatch, data]);

KeplerGl 组件

  return (
    
    <KeplerGl
      id="covid"
      mapboxApiAccessToken={process.env.REACT_APP_MAPBOX_API}
      width={window.innerWidth}
      height={window.innerHeight}
    />
    
  );
}

Answer 1

您可以在此处找到有关如何使用新数据动态更新数据集的教程：http: //vis.academy/#/kepler.gl/3-load-config

请参阅“2. 用相同格式的新数据替换现有数据集，保留当前配置”部分。