Элемент синтаксического анализа при нажатии кнопки

Question

Итак, я хочу разобрать тег h2 и сохранить его текстовое содержимое в константу после того, как я нажму кнопку «выбрать»

<div className={"card " + (this.state.selected ? "methodSelected" : "")}>
    <h2 className="charge"></h2>
    <button onClick={this.selectMethod} href="#"className="btn return-btn">SELECT</button>
</div>

Функция, которую я использую для установки состояния после нажатия кнопки

selectMethod = () => {
      this.setState({selected: true});
  }

Answer 1

Исходя из моего понимания вопроса, это можно сделать следующим образом:

selectMethod = () => {
      document.getElementById('heading').innerHTML="sample text"
      this.setState({selected: true});
  }

Также добавьте атрибут id к тегу заголовка как

<h2 id="heading"></h2>

Answer 2

В методе selectMethod вы можете добавить -

selectMethod = () => {
  this.setState({selected: true});
  let x = document.getElementByClassName("charge").textContent;
  // doing something with the variable 'x'

}