Получить выпадающие элементы в консоли в React JS - PullRequest
Новая
       51

Получить выпадающие элементы в консоли в React JS

0 голосов
/ 30 декабря 2018

Мне нужно выбрать выпадающий элемент и щелкнуть его в консоли с помощью React js.

Код: 

<div onClick={this.handleSearchBtn} className="dropdown-menu">
  <a className="search-item dropdown-item" href="#" >Authors</a>
  <a className="search-item dropdown-item" href="#">Article Title</a>
  <a className="search-item dropdown-item" href="#">PMID</a>
  <a className="search-item dropdown-item" href="#">Mesh Terms</a>
</div>

1 Ответ

0 голосов
/ 30 декабря 2018

Насколько я понимаю, вы можете сделать что-то вроде этого 

class Anchor extends React.Component {
  state = {
    selected: ''
  }

  handleSearchBtn = (event) => {
    if (event.target.className.indexOf("search-item") !== -1) {
      this.setState({ selected: event.target.text });
    }
  };
  
  render() {
    return (
      <div onClick={this.handleSearchBtn} className="dropdown-menu">
        selected: {this.state.selected}
        <a className="search-item dropdown-item" href="#">
          Authors
        </a>
        <a className="search-item dropdown-item" href="#">
          Article Title
        </a>
        <a className="search-item dropdown-item" href="#">
          PMID
        </a>
        <a className="search-item dropdown-item" href="#">
          Mesh Terms
        </a>
      </div>
    );
  }
}

ReactDOM.render(<Anchor />, document.getElementById("root"));

Вот демоверсия

Надеюсь, это поможет:)

...