Реагируйте синтаксис для установки флажка ref и проверки состояния флажка - PullRequest
0 голосов
/ 14 ноября 2018

У меня есть компонент React, который выводит список флажков.Я пытаюсь установить ссылку для каждого флажка с идентификатором, который извлекается из функции handleChange.Я хотел бы назвать ref "id - checkbox", используя переменную id, которая успешно собирается networkService:

networkService = ({id, label, service_state, active_path = [], z_end = []} = {}) => (
<tr>
  <td>
    <form>
      <input type="checkbox" ref="REF HERE WITH id-checkbox" onChange={() => this.handleChange(`${id}`)} />
    </form>
  </td>      
</tr>

)

Я пробовал многочисленные итерации ${id} - checkbox какв ref = ${id} - checkbox, но я получаю ошибки.

Кроме того, в другой функции мне нужно проверить состояние этого флажка с помощью ссылки, и снова синтаксис за мной.Вот функция:

 handleChange = (id) => {

     if (this.refs.CHECKBOX REF HERE.checked) {

Идентификатор успешно приходит из вызова onChange, показанного выше.

Любая помощь будет оценена.

1 Ответ

0 голосов
/ 14 ноября 2018
networkService = ({id, label, service_state, active_path = [], z_end = []} = {}) => (
<tr>
  <td>
    <form>
      <input type="checkbox" ref={id+"-checkbox"} onChange={() => this.handleChange(id)} />
    </form>
  </td>      
</tr>


handleChange = id => {
let refName=id+"-checkbox"
     if (this.refs[refName].checked) {
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...