React Router - Requisiten innerhalb der Route zugreifen

Question

Ich bin neu in React Router und ich versuche, einige Requisiten von einer meiner Elternteile hinunter zu einem Kind über eine Route.

Hier ist mein Code:

import React, {Component} from 'react'; 
import Sitefeedback from '../sections/comments/site-feedback'; 
import { BrowserRouter,Switch, Route } from 'react-router-dom'; 

class Outer extends Component { 
    constructor(props) { 
     super(props); 
    } 

myFunction =() => { 
    console.log("hello"); 
} 

render() { 
<div className="app-content-wrap-inner"> 
    <BrowserRouter> 
     <switch> 
      <Route path='/site-feedback' render={(props) => (<Sitefeedback {...props} />)}/> 
      <Route path='/logins' component={Logins} /> 
     </switch> 
    </BrowserRouter> 
</div> 
} 
} 

Im Idealfall würde Ich mag Lage sein myFunction von der untergeordneten Komponente auszulösen. Nach einigen Recherchen dachte ich, die Route eine render Option anstelle von component Übergabe würde es passieren, aber es tut es nicht. Irgendeine Idee, wie ich die Funktion in die routes-Komponente bekommen kann?

Answer 1

Ich weiß nicht, ob Sie nun mit dieser Hilfe benötigen, aber Sie können es tun, wie diese

<Route path='/site-feedback' render={props => (<Sitefeedback {...props} />)}/>