在react-admin中将noLayout prop添加到自定义路由列表时获取警告

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;