Question

import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom';
import App from './components/App';
import registerServiceWorker from './registerServiceWorker';

ReactDOM.render(
  <BrowserRouter>
    <App />
  </BrowserRouter>,
  document.getElementById('root')
);
registerServiceWorker();

我需要能够访问location组件中的App道具。我想知道是否可以让Router组件将其history道具传递给子App组件。

Answer 1

最好的方法是使用withRouter HOC。

它会将match, location, history道具传递给包裹的组件：

import { withRouter } from 'react-router';

const App = ({ location }) => <div></div>;

export const AppWithRouter = withRouter(App);

如何访问React路由器的位置道具？

1 个答案: