使用作出反应的自举ONSELECT方法

Question

即时反应的自举DropdownButton，我想要做的是，

当我在MenuItem S的一按，

的onSelect将运行一个名为功能fltrPick() 那是设置一个新的状态setState({fltr:"some string"})

我结合fltrPick()这样let pickHeaderSet = fltrPick.bind(this)

，当我加载页面的按钮dosent甚至出现

这里是我的代码

 fltrFunc:function(name){ 
     function fltrPick(pick){ 
      this.setState({fltrName:pick}) 
     } 
     let pickHeaderSet = fltrPick.bind(this) 
     switch(name){ 
      case "processors": 
      return (
       <DropdownButton id="dropdownBtn" bsSize="xsmall" title={name} > 
       <MenuItem eventKey="1" onSelect={pickHeaderSet("pentium")} >pentium </MenuItem> 
       //the one above make the problam why ? 
       <MenuItem eventKey="2">i3</MenuItem> 
       <MenuItem eventKey="3">i7</MenuItem> 
       </DropdownButton> 
        ) 
      braek; 
        } 
     }, 

Answer 1

在构造函数中，你应该这样绑定它

this.fltrPick = this.fltrPick.bind(this); 

参考：https://facebook.github.io/react/docs/handling-events.html

Answer 2

我理解你在渲染上调用该函数？

您的代码应该是这个样子：

constructor(props) { 
    super(props); 

    this.fltrFunc = this.fltrFunc.bind(this); 
    } 

     fltrFunc(name) { 
     this.setState({ filterName: name }); 
     switch (name) { 
      case 'processors': { 
      return (
       <DropdownButton id="dropdownBtn" bsSize="xsmall" title={name} > 
       <MenuItem eventKey="1" onSelect={() => this.pickHeaderSet("pentium")}>pentium</MenuItem> 
       <MenuItem eventKey="2">i3</MenuItem> 
       <MenuItem eventKey="3">i7</MenuItem> 
       </DropdownButton> 
      ); 
      } 
      default: 
     } 
     } 

     render() { 
      return ({this.fltrFunc()}); 
     }