Reactjs React语义UI表显示和隐藏列
在semantic UI React table的1.2.1版中,我找不到任何显示或隐藏列的本机行为: 实际上,我使用的不是列,而是行,如第一个示例所示:Reactjs React语义UI表显示和隐藏列,reactjs,semantic-ui,semantic-ui-react,Reactjs,Semantic Ui,Semantic Ui React,在semantic UI React table的1.2.1版中,我找不到任何显示或隐藏列的本机行为: 实际上,我使用的不是列,而是行,如第一个示例所示: <Table celled> <Table.Header> <Table.Row> <Table.HeaderCell>Header</Table.HeaderCell> <Table.HeaderCell>Heade
<Table celled>
<Table.Header>
<Table.Row>
<Table.HeaderCell>Header</Table.HeaderCell>
<Table.HeaderCell>Header</Table.HeaderCell>
<Table.HeaderCell>Header</Table.HeaderCell>
</Table.Row>
</Table.Header>
<Table.Body>
<Table.Row>
<Table.Cell>
<Label ribbon>First</Label>
</Table.Cell>
<Table.Cell>Cell</Table.Cell>
<Table.Cell>Cell</Table.Cell>
</Table.Row>
<Table.Row>
<Table.Cell>Cell</Table.Cell>
<Table.Cell>Cell</Table.Cell>
<Table.Cell>Cell</Table.Cell>
</Table.Row>
<Table.Row>
<Table.Cell>Cell</Table.Cell>
<Table.Cell>Cell</Table.Cell>
<Table.Cell>Cell</Table.Cell>
</Table.Row>
</Table.Body>
</Table>
标题
标题
标题
弗斯特
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
我是否只需要使用标准的hmtl css显示无?我原以为表中会内置一些属性?在react中,您可以使用状态管理进行操作 例如:
{
(this.state.hide==false)?null:<Table.Row>
<Table.Cell>Cell</Table.Cell>
<Table.Cell>Cell</Table.Cell>
<Table.Cell>Cell</Table.Cell>
</Table.Row>
</Table.Body>
}
在react中,您可以使用状态管理来执行此操作。示例:1。在构造函数中,在表中创建this.state={hide:true}如果要隐藏表行,请这样写:{(this.state.hide==false)?null:Cell}它将不显示该行。这是因为react渲染是基于状态的。如果你想隐藏,那么你必须将状态设置为hide=true,即this.setState({hide:true})。谢谢Aijaz,你能告诉我在文档中的什么地方可以找到这个吗?如果你能分享代码,我会为你做,因为这是合乎逻辑的方式。i、 e.当您禁用api调用上的按钮并显示加载程序时,当返回响应时,您隐藏加载程序,这也同样有效。
this.setState({hide:true})