在 reactstrap 中将属性设置为变量

Question

在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>

Answer 1

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

的属性值

在 reactstrap 中将属性设置为变量

Set attribute as variable in reactstrap

reactjs

reactstrap