小编典典

通过React Router传递功能

reactjs

我想通过React Router将函数传递给子组件。我尝试了以下方法,但似乎不起作用。

class App extends Component {
  constructor(props) {
      super(props)
  }

  render() {
    return (
      <div className="App">
          <div className="content">
          <div className="centered-wrapper">
            <Switch>
              <Route exact path="/" component={Welcome} />
              <Route path="/life" render={props => <Life sayHello = {this.sayHello()} />} />
            </Switch>
          </div>                
      </div>
    );
  }
}

export default App;

我想调用sayHello()Life组件,如下所示:

<div className="hello">{ this.props.sayHello() } I'm <Link to="/life">Marco</Link>! Welcome to my hood.</div>

阅读 321

收藏
2020-07-22

共1个答案

小编典典

更换:

<Route path="/life" render={props => <Life sayHello = {this.sayHello()} />} />

<Route path="/life" render={props => <Life sayHello = {this.sayHello} />} />

错误道具收到sayHello()函数调用的结果,而不是函数本身。

2020-07-22