reactjs - 网址参数未显示Reactjs

Question

这是我的customers.jsx 文件customers.jsx 是主文件在此主要代码在那里

<Route path="/data/:gender1"
       exact
       render={() => {
           return (
               <div >
                   <Customers2/>
               </div>
           );
       }}
/>

这是我的customers2.jsx文件

import React, { Component } from 'react';
import {
    BrowserRouter as Router,
    Route,
    Link,
    NavLink,
    Redirect
} from 'react-router-dom';
import {browserHistory} from 'react-router';

class Customers2 extends Component {
    constructor() {
        super();

        console.log(this);
    }


    render() {
        console.log("ss" );
        console.log(this.props);
        return (
            <div>

            </div>            
        );
    }
}

export default Customers2;

如果我去 localhost:3000/data/Male

在控制台中我没有看到任何带有数据的道具有什么问题？

标签： reactjsredirect

Answer 1

<Route 
   path="/data/:gender1" 
   exact 
   render={props) => {
       return(
          <div>
            <Customers2 {...props} />
          </div>
        );
    }}
/>

您还需要将 react-router 的 props 传递给组件。