笔记: 使用.bind() 给函数传值的方式

刚开始使用React还是很多坑踩,
这次遇到一个问题, 一个任务列表的菜单, N多行任务, 要求点击任意一行可以获取其信息,
js上很简单的问题, 没行到React也是很简单,

1: 只需要, 在点击方法中.bind()里传入值就行绑定this后传入xxxxxxx.bind(this, ' ', item);
2: 你可能要问第一个为啥为空 ' ', 这里是为event预留的位置,

  return (data.map((item) => {
          if(item.ONLINE === 'true'){
          return (
            <li>                                                          看这里
              <Icon type="solution" onClick={this.TreeIconClick.bind(this,'', item)} className="cdp-map-content-Main-List-online"/>
              <div className="cdp-map-content-Main-List-Progress">
                <p><span className="span-right">{item.NAME}</span> <span>{item.dept_name}</span></p>
                <Progress className="" percent={item.PERCENT} strokeWidth={7} />
              </div>
            </li>
            )
          }
        }));

这里就把这行信息自带的数据一起传入的函数中, 及很简单的调取到了数据