Reactjs bind（）不'；在下拉项上使用onClick时不运行

为什么我的组件方法onClick没有启动？当用户单击一个下拉项时，它应该使用.bind（）函数激活以下方法，但是没有发生任何事情，当在我的应用程序的其他部分的更高组件级别上应用时，这种方法可以很好地工作

呈现组件的类型脚本文件：

export const Options = props => (
  <div>
    <Dropdown isOpen={props.modalDropDown} toggle={props.toggleDropDown.bind()}>
      <DropdownToggle caret>{props.totalWorkloadOptions.optionTitle}</DropdownToggle>
      <DropdownMenu>
        {props.totalWorkloadOptions.options.map(op => (
          // tslint:disable-next-line:no-invalid-this
          <DropdownItem key={op} onClick={props.appendChoiceList.bind(props.totalWorkloadOptions.optionTitle, op)}>
            {op}
          </DropdownItem>
        ))}
      </DropdownMenu>
      <strong> {props.totalWorkloadOptions.optionDescription} </strong>
    </Dropdown>
    <br />
  </div>
);

---

我相信你是在尝试

onClick={() => props.appendChoiceList(props.totalWorkloadOptions.optionTitle, op)}

不

.bind（）

---

我认为你对

.bind

的理解是错误的。请看一下

中的语法，我相信您正在尝试

onClick={() => props.appendChoiceList(props.totalWorkloadOptions.optionTitle, op)}

不

.bind（）

---

我认为你对

.bind

的理解是错误的。查看

中的语法在此之前我尝试了如下箭头函数：（）=>props.appendChoiceList（props.totalWorkloadOptions.optionTitle，op）我还尝试了更改（）=>函数被调用为普通函数，但当我选择一个下拉项时，控制台中仍然没有显示任何内容。@reactor 23是否正确地将

appendChoiceList

传递给

？i、 e.

函数继承如下，然后在reactstrap模式中，我使用map函数创建了许多道具。您能检查道具是否正确传递吗？也许

console.log（typeof props.appendChoiceList）

可以检查它是否是一个函数，并删除Firefox web浏览器中appendChoiceList callsSays函数上的

.bind（）

，之前我尝试过如下箭头函数：（）=>props.appendChoiceList（props.totalWorkloadOptions.optionTitle，op）我还尝试将调用的（）=>函数更改为普通函数，但当我选择一个下拉项时，控制台中仍然没有显示任何内容。@reactor 23是否正确地将

appendChoiceList

传递到

？i、 e.

函数继承如下，然后在reactstrap模式中，我使用map函数创建了许多道具。您能检查道具是否正确传递吗？可能是

console.log（typeof props.appendChoiceList）

来检查它是否是一个函数，并清除Firefox web浏览器中appendChoiceList callsSays函数上的任何

.bind（）