渲染和重新渲染组件或条件库 - Reactjs

Question

我正在尝试更改按钮单击时的组件渲染。

在按钮上单击状态进行更改。在状态变化时，我想渲染一个不同的组件。

<button className="btn orange-btn" onClick={() => {this.setTableView(true)}}>Table View</button>
<button className="btn orange-btn" onClick={() => {this.setTableView(false)}}>Slips View</button>

上面的按钮会将状态更改为TRUE，或者为FALSE。

setTableView(tableview){
   thisclass.setState({tableview: tableview});
}

并在状态更改时渲染组件。

{this.state.tableview ?
          <Paymenttable/>
         :
          <div>
           <Payslip />
           <Payslip />
         </div>
}

但是收到错误：

  

尝试更新已卸载（或无法挂载）的组件Paymenttable。

并且

  

无法读取null

的属性'getHostNode'

我怎样才能实现这个目标？