Реагировать: открыть ссылку в новой вкладке

Question

Я пытаюсь сделать так, чтобы, когда пользователь щелкает мой ярлык, он открывал новую вкладку с указанным URL.Это в настоящее время не работает.Любые идеи, что я делаю неправильно или нужно делать в моем методе?

rerouteToGoogle= () => {
    return <Link to="google.com" />

}

<MediaQuery query="(min-width: 550px)">
  <div style={styles.alignText}>
  <Label color='green' basic onClick={this.rerouteToGoogle} >CSV</Label>
  </div>
</MediaQuery>

Answer 1

Цель <Link> - переходить от одного маршрута к другому внутри вашего приложения React, например, от /home до /about.Если вы хотите открыть другой сайт в новой вкладке, то вы не перемещаетесь внутри приложения и поэтому не можете использовать <Link>.

. В вашем случае будет работать классический <a href="https://google.com" target="_blank">.

Итак, чтобы решить, чего вы пытаетесь достичь, проще всего добавить <a> внутри вашего <Label>:

<MediaQuery query="(min-width: 550px)">
  <div style={styles.alignText}>
  <Label color='green' basic>
    <a href="https://google.com" target="_blank">CSV</a>
  </Label>
  </div>
</MediaQuery>