0

Как бы выглядел такой JS код в React? Код реализует переключение между классами.

function myFunction() {
   var element = document.getElementById("myDIV");
   element.classList.toggle("mystyle");
}
.mystyle {
  width: 100%;
  padding: 25px;
  background-color: coral;
  color: white;
  font-size: 25px;
  box-sizing: border-box;
}
<button onclick="myFunction()">Try it</button>

<div id="myDIV">
  This is a DIV element.
</div>

1 ответ 1

0

как-то так.

class App extends Component {
  state = {
    isOpen: false
  }

  change = () => {
    this.setState({ isOpen: !this.state.isOpen });
  }

  render() {
    const { isOpen } = this.state;

    return (
      <div onClick={this.change} className={isOpen ? "style1" : "style2"}>
        { isOpen ? "open" : "close" }
      </div>
    )
  }
}

0

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.