react中如何根据state来判断是否给标签添加指定属性？

Question

this.state= {autoplay: false}
....

render(){
    return(
        <Carousel>
            {something}
        </Carousel>
    )
}

如何根据 this.state.autoplay 给Carousel返回是否添加autoplay属性

大致意思如下

<Carousel {this.state.autoplay ? "autoplay" : ""}>
    {something}
</Carousel>

这个会报错， 有没有简便的方法来书写？

复杂的方式：

render(){
    if(this.state.autoplay){
        return(
            <Carousel autoplay>
                {something}
            </Carousel>
        )
    }else{
        return(
            <Carousel>
                {something}
            </Carousel>
        )
    }
}

Answer 1

<Carousel autoplay={this.state.autoplay}>
    {something}
</Carousel>

----忘了看你原本state存储的就是true 和false了，一般像这样的单属性都是可以写成左右等式的

Answer 2

autoplay应该是bool值

<Carousel autoplay={this.state.autoplay}>
    {something}
</Carousel>