向路由器中的組件發送多個道具（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>);

如何發送兩個道具？

Answer 1

嗨，你能試試這個。 它會為你工作： -

const {newDataCount} = useContext(JobInfoContext);

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