Estoy usando reaccionar y tengo un menú desplegable con números 1-5. Quiero seleccionar el valor del que se hizo clic y mostrarlo en el menú desplegable, pero no puedo mostrar el valor.

¿Es posible resolverlo sin usar select o similar?

 handleToggle = (clicked) => { this.setState(() => ({ toggle: !this.state.toggle, })); }; handleAmount = (e) => { this.setState(() => ({ amount: e.target.value, toggle: !this.state.toggle, })); }; <section value={this.state.amount} onClick={this.handleAmount} > <section className="arrow-down" onClick={this.handleToggle} ></section> <section> <p value="1" className={`${this.state.toggleHide ? "hide" : ""}`} > 1 WHALE </p> <p value="2" className={`${this.state.toggleHide ? "hide" : ""}`} > 2 WHALES </p> </section> </section>