Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs React语义UI表显示和隐藏列_Reactjs_Semantic Ui_Semantic Ui React - Fatal编程技术网

Reactjs React语义UI表显示和隐藏列

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

在semantic UI React table的1.2.1版中,我找不到任何显示或隐藏列的本机行为:

实际上,我使用的不是列,而是行,如第一个示例所示:

<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:true}

  • 在表中,如果要隐藏表行

    这样写:

    {
    (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})