reactjs - 向路由器中的组件发送多个道具（React）

Question

我正在尝试发送道具，但它没有按我预期的方式工作。
在这种情况下，仅newDataCount正确发送并且props={props}未定义。

const {newDataCount} = useContext(JobInfoContext);

return( <Switch>
        <Route
          exact
          path={`${path}`}
          render={(props) => (
            <Check newDataCount={newDataCount} props={props} />
          )}
        />
      </Switch>);

在这种情况下，只有{...props}正确发送并且newDataCount未定义。

const {newDataCount} = useContext(JobInfoContext);

return( <Switch>
        <Route
          exact
          path={`${path}`}
          render={(props) => (
            <Check {...props} newDataCount={newDataCount} />
          )}
        />
      </Switch>);

如何发送两个道具？

标签： reactjsreact-router

Answer 1

嗨，你能试试这个。它会为你工作： -

const {newDataCount} = useContext(JobInfoContext);

return( <Switch>
        <Route
          exact
          path={`${path}`}
          component={(props) => (
            <Check {...props} newDataCount={newDataCount} />
          )}
        />
      </Switch>);