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}>&nbsp; &nbsp; {something}</Carousel>----忘了看你原本state存储的就是true 和false了，一般像这样的单属性都是可以写成左右等式的