Question

我正在使用带材料ui的redux表单。我有一组可供选择的表单模板。我想要实现的是取回所选模板，调度一个动作，然后使用所选模板值初始化redux表单。我无法在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)}

菜单项的onClick未触发

1 个答案: