Passing variables in Query string in tsx file (react +typescript)

Question

I am trying to pass plainid and id as a parameter in query string in URL.

{planid = item.planId}
        { id =item.id}
<td><a href="https://tasks.office.com/credentinfotech.com/en-GB/Home/Planner#/plantaskboard? planId=`${planid}`&taskId=`${id}`" >{item.title}</a></td>
        <td>{moment(item.startDateTime).format('MM/DD/YYYY ')}</td>
        <td>{moment(item.dueDateTime).format('MM/DD/YYYY')}</td>

I am new to React suggest any way so that I can pass variables in query string in the .tsx file.

Answer 1

Use this:

<a href={"https://tasks.office.com/credentinfotech.com/en-GB/Home/Planner#/plantaskboard?planId=" + planid + "&taskId=" + id}></a>

Answer 2

You can use template string like this：

   <a href={`https://tasks.office.com/credentinfotech.com/en-GB/Home/Planner#/plantaskboard?planId=${planid}&taskId=${id}`}></a>

References: Template literals (Template strings)