React Select onClick перенаправить страницу - PullRequest
Новая
       39

React Select onClick перенаправить страницу

0 голосов
/ 11 апреля 2020

Я очень новая реакция. js. Я использую реагировать на выбор в качестве раскрывающегося списка с кнопкой для действия onClick. У меня проблемы с получением URL для динамического обновления. Например, пользователи выбирают Netflix в раскрывающемся меню и нажимают кнопку выбора, чтобы перенаправить их на URL-адрес Netflix. Как я могу динамически обновить URL-ссылку, используя реагировать на выбор с помощью кнопки. 

import Select, { components } from 'react-select';
import { Link } from "gatsby"
import homePageStyles from './home-page.module.scss'

const type = [
    { value: 'netflix', label: 'netflix' },
    { value: 'amazon', label: 'amazon' },
    { value: 'facebook', label: 'facebook'}
]
const searchButton = `${homePageStyles.button} ${homePageStyles.search}`

const Choose = (props) => (
<div>
    {<div>CHOOSE</div>}
    <components.Control {...props} />
</div>
); 

export default class SearchStraws extends Component {
  state = {}
  render() {
    return (
      <div className={homePageStyles.product}>
        <div className="call-product-container">
          <div className={homePageStyles.callOut}>
          <Select
            isClearable
            components={{ Control: Choose }}
            isSearchable
            options={type}
          />
          </div>
          <div className={homePageStyles.callOut}>
                <button className={searchButton}>
                  <Link to="www.netflix.com">Search</Link>
                </button>
            </div>
        </div>
      </div>
    )
  }
}```

1 Ответ

0 голосов
/ 11 апреля 2020

Ссылки предназначены для внутренних URL, вы должны использовать теги html a, например 

          <a
            href={`https://www.netflix.com/`}
            target={'_blank'}
            rel="noopener noreferrer"
          >
            Netflix
          </a>
...