Javascript 如何使用React在按钮单击时附加表？

我需要，当用户点击一个按钮时，React会在该按钮下呈现一个表。怎么做

let a = '';

if (this.state.text) {
  a =
    <table border="1" width="40%" cellpadding="5">
      <tr>
        <th>Ячейка 1</th>
        <th>Ячейка 2</th>
      </tr>
      <tr>
        <td>Ячейка 3</td>
        <td>Ячейка 4</td>
      </tr>
    </table>
} else {
  a = ''
}

让a=''；
if（this.state.text）{
a=
Ячейка 1
Ячейка 2
Ячейка 3
Ячейка 4
}否则{
a=''
}

在组件中创建一个具有onClick事件侦听器的按钮。然后，相应地调整控制表呈现的状态变量（在您的示例中，是

text

state变量）

最后，在render函数中，根据状态有条件地呈现表

类应用程序扩展了React.Component{
建造师（道具）{
超级（道具）
//状态变量
此.state={
//控制表格呈现
文本：正确
}
}
render（）{
返回(
{/*条件呈现表*/}
{
这个.state.text(
桌子
) : ''
}
{/*带有onClick事件侦听器的按钮*/}
this.setState（（状态）=>{
返回{text:！state.text}
})}>钮扣
)
}
}

这是否回答了您的问题？