您可以设置其状态为boolean并单击并激活哪个按钮,并显示不同的表。
类似于您正在寻找的东西
class Sample extends React {
state = {
firstButtonActive: false,secondButtonActive: false
}
handleFirstButtonClick = () => {
this.setState({ firstButtonActive: !this.state.firstButtonActive})
}
handleSecondButtonClick = () => {
this.setState({ secondButtonActive: !this.state.secondButtonActive })
}
subcompo = () => {
// some code
<bt1 onclick={this.handleFirstButtonClick} />
<bt2 onclick={this.handleSecondButtonClick} />
}
render() {
const { firstButtonActive,secondButtonActive } = this.state;
return (
<>
<ReactTable
data={}
submcomponent={this.subcompo}
/>
{firstButtonActive && <ReactTable data={} columns={columns}/>}
{secondButtonActive && <ReactTable data={} columns={columns} />}
</>
)
}
}
本文链接:https://www.f2er.com/3006215.html