在reactstrap中将属性设置为变量

Question

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

flush

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的属性值