何时将方法绑定到React Components，何时将事件传递给事件处理程序？

编程问答 2022-06-11

问题描述

我现在正在上React的CodeCademy课程，但是这些论坛太可怕了...所以我要在这里尝试一下运气，因为我认为这是一个更普遍的问题。

我正在研究React组件，其中的一种方法如下：

renderSortByOptions() { 
   return Object.keys(this.sortByOptions).map(sortByOption => { 
      let sortByOptionValue = this.sortByOptions[sortByOption]; 
      return <li key={sortByOptionValue} className={this.getSortByClass(sortByOptionValue)}
      onClick={this.handleSortByChange.bind(this,sortByOptionValue)}>{sortByOption}</li>
      }); 
   }

a）您知道为什么我需要在这里绑定onClick方法，而不能在构造函数中绑定它吗？是因为我想传递一个附加参数（sortByOptionValue）吗？

b）我以为这样的eventHandler总是以事件作为参数，所以为什么我只能在这里传递变量sortByOptionValue？

非常感谢您的帮助！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

bindcomponentscomponentseventhandlerreactjsreactjs