Влиять на текст нажмите на флажок в Reactjs

Question

Как повлиять на текстовый клик на флажок? Теперь это работает так, как когда мы нажимаем на флажок, который установлен, я хочу выбрать его, пока я нажимаю на соответствующий текст. Вот мой код,

<tr key={taskList.PriorityID}>
            <td style={{'width':'100px'}}><input type='radio' id={taskList.ID} name={'ID: ' + taskList.ID} onClick={_onclick} checked={selected} /></td>
            <td className="dashboard-post-payment_table-cell" title={'TaskList: ' + taskList.Priority}>{taskList.Priority}</td>     
</tr>

Answer 1

Попробуйте обернуть ваш текст в элемент метки, как показано ниже.

<td style={{'width':'100px'}}>
   <input type='radio' id={taskList.ID} name={'ID: ' + taskList.ID} onClick={_onclick} checked={selected} />
</td>
<td className="dashboard-post-payment_table-cell" title={'TaskList: ' + taskList.Priority}>
 <label for={'ID: ' + taskList.ID}> {taskList.Priority}</label> 
</td>