I'm using react and have a dropdown menu with numbers 1-5. I want to select the value of the one clicked and display it in the dropdown menu but I'm not able to show the value.

Is it possible to solve it without using select or 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>