在 react-admin 中将 noLayout 道具添加到自定义路由列表时收到警告

Question

如何在没有默认 appLayout 的情况下删除以下警告或在 react-admin 中添加自定义路由的任何替代方法？

警告：你不应该使用<Route component> 和<Route render> 同一路线； <Route render> 将被忽略

import React, { Component } from 'react';
import { Admin, Resource } from 'react-admin';
import { Route } from 'react-router-dom';
import restProvider from 'ra-data-simple-rest';

class App extends Component {
  render() {
    return (
      <Admin
        title="react-admin"
        dataProvider={restProvider('http://localhost:3000')}
        customRoutes={[<Route exact path="/custom" component={()=><div>Custom page without layout</div>} noLayout /> ]}
      >
        <Resource name="test" list={() => <div>Test Resource</div>} />
      </Admin>
    );
  }
}

export default App;

Answer 1

在你的路由中使用子元素而不是组件：

class App extends Component {
  render() {
    return (
      <Admin
        title="react-admin"
        dataProvider={restProvider('http://localhost:3000')}
        customRoutes={[<Route exact path="/custom" noLayout><div>Custom page without layout</div></Route>]}
      >
        <Resource name="test" list={() => <div>Test Resource</div>} />
      </Admin>
    );
  }
}

export default App;