將自定義值連接到按鈕並將它們傳遞給函數

Question

我有一個模式（使用bootstrap 4進行​​響應）。我想要兩個按鈕將值傳遞給綁定的函數。我怎樣才能做到這一點？

這裏是我的代碼

這是組件

<Modal isOpen={this.state.modal} toggle={this.toggle} className={this.props.className}> 
      <ModalHeader toggle={this.toggle}>Modal title</ModalHeader> 
      <ModalBody> 
      <WeatherInfo 
       nameOfCity={nameOfCity} 
       weatherDescription={weatherDescription} 
       windSpeed={windSpeed} 
       temperature={temperature} 
       maxTemperature={maxTemperature} 
       minTemperature={minTemperature} 
       isChec={isChec} 
       change={this.toggleCheckboxChange.bind(this)} 
      /> 
      </ModalBody> 
      <ModalFooter> 
      <Button color="primary" onClick={function(){this.addToMyCityList.bind(this); this.toggle()}}>Add City</Button>{' '} 
      <Button color="primary" onClick={function(){this.removeFromMyCityList.bind(this); this.toggle()}}>Remove City</Button>{' '} 
      </ModalFooter> 
      </Modal> 

，這些都是應該獲得價值

addToMyPCityList(e) { 
    this.props.dispatch(mPkArrayAdd(e.target.nameOfCity.value)) 
    } 

    removeFromMyCityList(e) { 
    this.props.dispatch(mPkArrayRemove(e.target.nameOfCity.value)) 
    } 

Answer 1

功能這應該工作

<Button color="primary" onClick={function(e){this.addToMyCityList(e, myParam); this.toggle()}}>Add City</Button> 
 

 
addToMyCityList(e, myParam) {}