reactjs - onClick 未触发 MenuItem

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>
    )}

您知道为什么这不起作用吗？谢谢

标签： reactjsmaterial-uiredux-form

Answer 1

尝试 onClick={() => this.setTemplate(option).bind(this)}