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。在做了一些研究后，我认为通过路线render选项而不是component会将其传递下去，但事实并非如此。知道如何将函数传递给路径组件吗？

Answer 1

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

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

React router - 访问路由

1 个答案: