react-admin 与下一个 js

如何解决react-admin 与下一个 js

我正在使用 Nextjs 通过 React 创建一个应用程序。

我真的很想为我的 BO 使用 react-admin。我试过 test example 并通过反应它完美地工作。不幸的是，当我试图在下一个 js 中包含一些代码时 - 它不起作用。

我创建了 import pandas as pd last = pd.read_pickle('pre_clustering.pkl') random_number=9288 first="" # f=0 (No need) for f,row in last.iterrows(): # for i in last['brand']: (Changed: f is the actual row index) i=row['brand'] # (added) if(type(i)==str): if(first == i): last.at[f,'brand']= random_number print(last.loc[f,'brand']) # f=f+1 (No need) elif (first !=i): first=i random_number= random_number +1 last.at[f,'brand'] = random_number print(last.loc[f,'brand']) # f=f+1 #else: # f=f+1 brand = last['brand'] 文件，并添加了下一个代码（之前我自己测试过 - 工作代码）：

/admin/dashboard.tsx

我有下一个错误（渲染上下文）： rendering issue

也许有人可以向我推荐一些关于 import * as React from 'react'; import PostIcon from '@material-ui/icons/Book'; import UserIcon from '@material-ui/icons/Group'; import { Admin,Resource,ListGuesser } from 'react-admin'; import jsonServerProvider from 'ra-data-json-server'; import { PostList,PostEdit,PostCreate,PostShow } from './react-admin/posts'; import { UserList } from './react-admin/users'; import Dashboard from './react-admin/Dashboard'; import authProvider from './react-admin/AuthProvider'; const App = () => ( <Admin dataProvider={jsonServerProvider( 'https://jsonplaceholder.typicode.com' )} authProvider={authProvider} dashboard={Dashboard} > <Resource name="posts" icon={PostIcon} list={PostList} edit={PostEdit} create={PostCreate} show={PostShow} /> <Resource name="users" icon={UserIcon} list={UserList} /> <Resource name="comments" list={ListGuesser} /> </Admin> ); export default App; 和 react-admin 的教程？

非常感谢

解决方法

此管理组件仅在客户端工作，您需要将其全部包装到一个组件中并使用动态导入来帮助您实现这一点

//pages/index.tsx
import dynamic from "next/dynamic"

const ReactAdmin = dynamic(() => import("components/admin/ReactAdmin"),{
  ssr: false,})

const HomePage = () => <ReactAdmin />

export default HomePage

和组件本身

//components/admin/ReactAdmin.tsx

import { Admin } from "react-admin"
import jsonServerProvider from "ra-data-json-server"

const dataProvider = jsonServerProvider("https://jsonplaceholder.typicode.com")

const ReactAdmin = () => {
  return <Admin dataProvider={dataProvider} />
}

export default ReactAdmin