javascript - 如何在 onClick 事件后设置 prop 的属性？

Question

我有一个带有 onClick 事件的按钮，该按钮向我的状态发送一个值，并应在第二次单击时将其从状态中删除:

<button 
type="button" 
value={posts.index} 
onClick={this.props.data ? this.props.remove : this.props.add}
key={cont._id}
data={-1}
> 

我的问题是，我不知道如何在第一次单击后将数据属性设置为 1，因此第二次单击将触发删除功能。我如何实现这一目标？

Action 创建者

    export function add(e) {
      return{
        type: ADD,
        payload: e.target.value
      }

}

Answer 1

设置返回前的值。

render() {
   const buttonAction = this.props.data ? this.props.remove : this.props.add
   return ( 
     <button 
      type="button" 
      value={posts.index} 
      onClick={buttonAction}
      key={cont._id}
      data={this.props.data}> 
    )
}