javascript - 组件的无限调用

Question

这段代码无限次调用“市场”组件。我该如何解决？（我想使用 UserConsumer (ContextAPI) 将道具传递给我的市场组件）

function App() {

  return (

    <div className="container">
      <Switch>
      <Route exact path="/" component={Loginpage} />
        <UserConsumer>
          {
            value => {
              return(
                <Route exact path="/loggedin" component={() => <Market state_of_context={value} />} />
              )
            }
          }
        </UserConsumer>
      </Switch>

    </div>

  );
}

标签： javascriptreactjsclasswebreact-context