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'}]}>

Possible duplicate of How to combine multiple inline style objects? — Hardik Modha
– Hardik Modha, Commented Aug 14, 2018 at 3:47

Dacre Denny · Accepted Answer · 2018-08-14 03:44:34Z

2

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 }) }

answered Aug 14, 2018 at 3:44

Dacre Denny

30.4k5 gold badges53 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

ReactJS dont take the css styles

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related