两个lodash集在一个功能中？

Question

这可以在一个条件下实现两个集合功能吗？我的目标是创建 3 个按钮调用一个函数.. 用首选条件更改 this.state.status。

'all' = null（这是我的目标，我的参数默认应该是 status=null 或 ''）并且我想要我的 this.state.status: null

'批准'=批准（status=approve）我的this.state.status中的目标：批准

'progress' = progress (status=progress) 我在 this.state.status 中的目标：进度

    this.state = {
      status: '',
    }
  }

//---------------------button sort--------------------------//
  onButtonChange = ( status, value) => {
    setTimeout(() => AppActions.loadingMask(true))

    if (status === 'all')
    {
      _.set(this.state.data, status, null).set(this.state.status, status, ' ')
     // status = null - my goal is the this.state.status: ' '
    }

    else if (status ==='approve')
    {
      _.set(this.state.data, status, 'approve').set(status, this.state.status, 'approve')
       // status = approve - my goal is the this.state.status: approve
    }
    else if (status === 'progress')
    {
      _.set(this.state.data, status, 'progress').set(status, this.state.status, 'progress')
      // status = progress - my goal is the this.state.status: progress
    }
    BookingsTripsAction.getTrips(
      this.DEFAULT_LIMIT,
      this.state.activePage,
      _.get(this.state.data, status, status))
  }


  <Col>
    <Paper>
      <FlatButton label="All" style={{margin: 12, borderBottom:(this.state.status == 'all' ? '1px solid #2196f3' : 0)}} onTouchTap={this.onButtonChange.bind(this, 'all')}  />
      <FlatButton label="Approve" style={{margin: 12, borderBottom:(this.state.status == 'approve' ? '1px solid #2196f3' : 0)}} onTouchTap={this.onButtonChange.bind(this, 'approve')} />
      <FlatButton label="In-Progress" style={{margin: 12, borderBottom:(this.state.status == 'progress' ? '1px solid #2196f3' : 0)}} onTouchTap={this.onButtonChange.bind(this, 'progress')}  />
    </Paper>
  </Col>

Answer 1

来自reactjs 文档：

不要直接修改状态。

它不会重新渲染您的组件。为此，请始终使用setState()。阅读how to use state correctly上的文档。

Answer 2

使用 setState

if (status === 'all' || status === null)
    {
     this.setState({data:''});
    }

    else if (status ==='approve')
    {

     this.setState({data:status});
    }
    else if (status === 'progress')
    {
     this.setState({data:status});

    }