Реагировать - использовать кнопку для перенаправления - PullRequest
Новая
       11

Реагировать - использовать кнопку для перенаправления

0 голосов
/ 20 марта 2019

Я новичок в React, извините, если это слишком просто.

Я пытаюсь добавить кнопку в свое приложение, чтобы перенаправить ее на Spotify.

Вот какПока я пытаюсь это сделать. 

class Spotify extends Component {
  constructor () {
    super()
    this.handleClick = this.handleClick.bind(this)
  }

  handleClick () {
    console.log('Success!')
  }

  render () {
    return (
      <div className='button__container'>
        <button className='button' onClick={this.handleClick}>
          Link your Spotify account
        </button>
      </div>
    )
  }
}

export default Spotify;

Теперь, как лучше всего связать вышеуказанную кнопку с: 

 <a href="http://localhost:8888"></a>

1 Ответ

1 голос
/ 20 марта 2019

Я думаю, вы ищете что-то вроде этого: 

class Spotify extends Component {    
  render () {
    return (
      <div className='button__container'>
        <a className='button' role="button" href="http://someurl.com">
          Link your Spotify account
        </a>
      </div>
    )
  }
}

export default Spotify;

Если ваш компонент не требует состояния, рассмотрите возможность рефакторинга приведенного выше кода в компонент без состояния, например: 

export const Spotify = () => (
      <div className='button__container'>
        <a className='button' role="button" href="http://someurl.com">
          Link your Spotify account
        </a>
      </div>
);

Если вы просто пытаетесь отобразить ссылку, якорный тег будет работать нормально. Вы можете добавить target="_blank" к своему тегу привязки, чтобы он открывался в новой вкладке.

...