Как стереть ключ на следующем URL, когда я использую history.push onKeyDown?

Question

Я хочу изменить URL-адрес с помощью «history.push».

, но есть ввод:

("/main")

, но я не хочу ставить ключ на «MainPage» изScreen.

Как мне поступить?

class Screen extends Component {
  componentDidMount() {
    this.div.focus();
  }

  handleKeyDown = e => {
    if (e.key === "Enter") {
      this.props.history.push("/main");
    }
  };

  render() {
    return (
      <div
        ref={ref => (this.div = ref)}
        tabIndex="0"
        onKeyDown={e => this.handleKeyDown(e)}
      >
        <Image />
      </div>
    );
  }
}
export default withRouter(Screen);

Answer 1

Я полагаю, вы можете вместо этого передать объект push().

this.props.history.push({
  pathname: '/main'
})

Я не проверял.Но если это не сработает, попробуйте добавить аргумент search:

this.props.history.push({
  pathname: '/main',
  search: ''
})

Doc: https://github.com/ReactTraining/history#navigation