javascript - ReactJS dont take the css styles

Question

Technology :

• ReactJS

Todo :

• When user chooses a number I need to change just the background style.
• The style is only maintained if this.state.currentPage === number, otherwise it does not show any style although I require the styles changing the background.

Tried Case :

 onClick={this.handleClick} style={this.state.currentPage === number ?
 styles.paginationButtons : [styles.paginationButtons,
 {backgroundColor:'blue'}]}>

标签： javascriptcssreactjs

Answer 1

Try updating your code so that you supply the dynamic styles to your component without the use of arrays.

You should be able to do so in this way:

style={ (this.state.currentPage === number ? styles.paginationButtons : { backgroundColor:'blue', ...styles.paginationButtons }) }