如果子组件未通过投标，我的子组件如何访问“历史”？

Question

我有一个名为Bar.js的组件，有一个名为Search.js的子组件。在Bar.js内部，它像这样简单地使用：<Search/>，因此不会传递任何道具。

但是Search.js看起来像这样，如何使用history？

const Search = () => {
  let term = "";

  return (
    <Route
      render={({ history }) => (
        <Form
          onSubmit={(e) => {
            e.preventDefault();
            history.push(`/search/${term}`);
          }}
          inline
        >
          <FormControl
            style={{ maxWidth: "150px", alignItems: "right" }}
            id="interval"
            type="text"
            placeholder="Search"
            className=" mr-sm-2"
            onChange={(e) => (term = e.target.value)}
            defaultValue={term}
          />
          <Button variant="light" style={{ marginRight: "0px" }} type="submit">
            {/* <FontAwesomeIcon size="2x" icon={faSearch} /> */}
            <Image alt="search" src="/img/NavBar/search.svg" />
          </Button>
        </Form>
      )}
    />
  );
};
export default Search;