Как отправить значение через btn для маршрута

Question

Привет, я новичок и хотел бы знать, как я могу отправить идентификатор события на маршрут «/ checkin» при нажатии кнопки btn.

вот код:

        {{#each events}}
        <tr>
          <td>{{this.subject}}<br><a href="/checkin" class="btn btn-primary btn-large">Click here to checkin</a>
    </td>
          <td>{{this.location.displayName}}</td>
          <td>{{eventDateTime this.start.dateTime}}</td>
          <td>{{eventDateTime this.end.dateTime}}</td>
        </tr>
      {{/each}}
    </tbody>

Answer 1

Это можно сделать по маршруту! примерно так:

href={"/checkin?EventId=" + event.id }

или

href={`/checkin?EventId=${event.id}`}

И когда / checkin load просто используйте эту строку кода, чтобы получить значение:

new URLSearchParams(window.location.search).get('EventId')

I надеюсь, что это поможет!

Answer 2

Если вы хотите передать идентификатор события в качестве параметра запроса, вы можете просто связать его с маршрутом следующим образом:

      {{#each events}}
        <tr>
          <td>{{this.subject}}<br><a href={`/checkin?id=${this.id}`} class="btn btn-primary btn-large">Click here to checkin</a>
    </td>
          <td>{{this.location.displayName}}</td>
          <td>{{eventDateTime this.start.dateTime}}</td>
          <td>{{eventDateTime this.end.dateTime}}</td>
        </tr>
      {{/each}}