is there a way to add class from module css with variable? in react

Question

see example below:

import React, { Component } from 'react';
import styles from './Button.module.css';

class Button extends Component {
  let classNameVariable= "error-button"
  render() {
    return <button className={styles.classNameVariable}>Button</button>;
  }
}

as you saw above example, I need to use variable instead of className, to add className.

so is there a way to do it?

Pedro Feltrin · Accepted Answer · 2022-05-18 19:35:10Z

3

Take a look at bracket notation: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Operators/Property_Accessors

Instead of styles.clasNameVariable make it styles[classNameVariable]

answered May 18, 2022 at 19:35

Pedro Feltrin

4482 silver badges8 bronze badges

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

Collectives™ on Stack Overflow

is there a way to add class from module css with variable? in react

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related