时间戳

首页 > 解决方案 > 在 reactstrap 中将属性设置为变量

reactjs - 在 reactstrap 中将属性设置为变量

问题描述

在 reactstrap 中，我看到了一些单字属性，比如active, flush。如何使它们成为与 dom 动态绑定的变量？

<ListGroup>
        <ListGroupItem active>
          <ListGroupItemHeading>List group item heading</ListGroupItemHeading>
          <ListGroupItemText>
          Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
          </ListGroupItemText>
        </ListGroupItem>
</ListGroup>

标签： reactjsreactstrap

解决方案

JSX 中的单个单词属性实际上代表：

<ListGroupItem active={true}></ListGroupItem>

true当仅用关键字表示时，该值是隐含的。

要将其转换为变量：

<ListGroupItem active={this.state.active}>
  <ListGroupItemHeading>List group item heading</ListGroupItemHeading>
  <ListGroupItemText>
    Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
  </ListGroupItemText>
</ListGroupItem>

现在，对 的更改也state.active将反映 的属性值active

推荐阅读