onClick на MenuItem не срабатывает

Question

Я использую избыточную форму с материалом UI.У меня есть массив шаблонов форм, которые доступны для выбора в качестве параметров.Я пытаюсь добиться того, чтобы вернуть выбранный шаблон, отправить действие и затем инициализировать избыточную форму с выбранными значениями шаблона.Я не могу вызвать метод на компоненте SelectItem (ничего не регистрируется в консоли).Я прошел через аналогичные проблемы и решения, но в моем случае ничего не помогало.Мой код выглядит так:

  setTemplate = (option) => {
console.log(option);}



        {formTemplates && (
      <Row>
        <StyledFormControl>
          <Field name="templates" label="Available templates:" component={SelectField}>
            <MenuItem value="" disabled>
              Choose template:
            </MenuItem>
            {formTemplates.map(option => {
              return (
                <MenuItem value={option._id} onClick={this.setTemplate.bind(this, option)} key={option._id}>
                  {option._id}
                </MenuItem>
              );
            })}
          </Field>
        </StyledFormControl>
      </Row>
    )}

У вас есть идеи, почему это не должно работать?Спасибо

Answer 1

попробуй onClick={() => this.setTemplate(option).bind(this)}