Параметры URL не отображаются Reactjs

Question

Это мой файл customer.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

В консоли я не вижу реквизита с данными Что не так?

Answer 1

Реквизиты передаются от render, которые вам нужно явно передать:

<Route path="/data/:gender1" exact render={({match) => 
   <Customers2 gender={match.params.gender1} />
} />

См. документацию по реквизитам маршрута и объекту соответствия для получения дополнительной информации

Answer 2

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

Вам также необходимо передать реквизиты реакции-маршрутизатора компоненту.