反应路由器-访问路由内的道具

Question

我是React Router的新手，我正试图通过一条路径将一些道具从我的父组件传递给子组件。

这是我的代码：

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>
}
}

理想情况下，我希望能够从子组件触发myFunction。在做了一些研究后，我认为传递一个渲染选项而不是组件会传递它，但是它不会。知道如何将函数传递到路由组件中吗？

Answer 1

我不知道你是否还需要帮助，但如果你需要，你可以这样做