React 18.1.0 上的前端集成答案

【问题标题】：Frontend integration on React 18.1.0React 18.1.0 上的前端集成
【发布时间】：2022-12-14 08:10:03
【问题描述】：

我无法在 index.js 文件中编写代码。我根据多维数据集文档的代码沙箱部分编写了代码。它会发送一个控制台警告，提示我的应用程序可能会像 React 17 一样工作。当我遵循 18.1.0 约定时，页面显示正在加载并且从未停止过。对此有什么解决办法吗？目前是这样写的，我在设置路由时添加了 CubeProvider 以访问 app.js 文件中的 cubejsapi，这工作正常。

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import { AuthProvider } from './context/AuthProvider';
import reportWebVitals from './reportWebVitals';
import 'bootstrap/dist/css/bootstrap.min.css';

ReactDOM.render(
  <React.StrictMode>
  <AuthProvider>
      <App /> 
  </AuthProvider>
  </React.StrictMode>,
  document.getElementById('root')
);

【问题讨论】：

AuthProvider 是默认导出还是命名导出？

标签： javascript reactjs frontend cube cube.js

【解决方案1】：

AuthProvider 是默认导出还是命名导出？

为了获得良好的实践，请将 AuthProvider 移至应用程序组件。

Index.js 需要尽可能无代码。

更多上下文在这里：https://reactjs.org/docs/context.html

【讨论】：

这应该是评论而不是答案