React

by jonahe

HTML

<div id="app"></div>

CSS

button {
  border: 5px solid red;
}

button.selected {
  border: 5px solid green;
}

React

const {useState } = React;

const Test = () => {
	const [ isToggled, setIsToggled ] = useState(false);
  return (
    <div>
        <button className={ isToggled ? "selected" : "not-selected" } onClick={ () => setIsToggled( !isToggled ) }>
          is toggled? { isToggled ? "Yes" : "No" }
        </button>
    </div>
  );
}

ReactDOM.render(<Test />, document.querySelector("#app"))