javascript - ReactJS 不采用 css 样式

Question

技术:

• ReactJS

待办事项:

• 当用户选择一个号码时，我只需要更改背景 风格。
• 只有在 this.state.currentPage === number 时才会保留样式，否则它不会显示任何样式，尽管我需要更改背景的样式。

试用案例:

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

Answer 1

尝试更新您的代码，以便在不使用数组的情况下为您的组件提供动态样式。

你应该可以这样做:

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