React Router Dom调用一个动作

Question

<Router history={history}>
  <Switch>
    <Route path="/signout" component={ SignOut } />
    <Route path="/dashboard" component={RequireAuth(Dashboard)} />
    <Route path="/" component={IsAuthenticated(App)} />
    <Route component={NoMatch}/>
  </Switch>
</Router>

在上面的代码中，每次用户导航到注销时，都会调用一个记录用户的操作，然后将其重定向到主页。它除了调用函数外什么都不做。有没有办法可以在不实际渲染组件的情况下调用动作创建者？

class SignOut extends Component {
  componentWillMount() {
    this.props.signoutUser();
  }

  render() {
    return(
      <h1></h1>
    )
  }
}

上面的代码看起来很浪费。我无法渲染任何东西，否则会抛出错误。有什么方法吗？