本机基动态设置按钮属性？

Question

我正在寻找一种将bordered属性动态添加到按钮元素的方法，该怎么做？

所以我需要从<Button>切换到<Button bordered>。这样做没有将整个<Button><Text>I'm a button</Text></Button>分配给变量，然后使用bordered复制了相同内容的任何方法？

Answer 1

您可以根据选择使用true或false。将其值存储在状态中，并在执行某些操作时将其设置为true。这就是您的Button的外观。

<Button bordered={this.state.isBordered}><Text>I'm a button</Text></Button>

只要您想更改其值，只需使用setState就可以了

this.setState({
    isBordered:true
})

更新：

使用transparent参数将其组合起来，它将起作用

<Button transparent bordered={this.state.isBordered}><Text>I'm a button</Text></Button>