将道具从react本机中的App.js传递到路由文件

import React from 'react';
import { BrowserRouter as Router, Route } from 'react-router-dom';
import RouteComponent from './RouteComponent';

function App() {
  const propName = 'Hello World';

  return (
    <Router>
      <Route path="/" render={() => <RouteComponent propName={propName} />} />
    </Router>
  );
}

export default App;

import React from 'react';

function RouteComponent(props) {
  const { propName } = props;

  return <div>{propName}</div>;
}

export default RouteComponent;

import React, { Component } from 'react';

class RouteComponent extends Component {
  render() {
    const { propName } = this.props;

    return <div>{propName}</div>;
  }
}

export default RouteComponent;