Блог

Главная - Вопросы по программированию - разница между этими двумя className в reactjs

разница между этими двумя className в reactjs

#css #reactjs

#css #reactjs

Вопрос:

в чем разница между className={classes.specialButton} и className={"specialButton"}

Я действительно в замешательстве.

Ответ №1:

className={"specialButton"} просто буквально добавляет строку «SpecialButton» к html-компоненту. Кстати, использование фигурных скобок при необходимости считается плохой практикой. Так что скорее используйте className="specialButton" .

className={classes.specialButton} добавляет любое значение classes.specialButton . Вероятно, это используется в сочетании с каким-либо модулем или, может быть, даже с определением констант где-то вроде

 const classes = {
  specialButton: 'specialButton',
  ...
};

Ответ №2:

 const classes = {
  specialButton: 'specialButton'
}

<YourDivComponent className={classes.specialButton}>something</YourDivComponent>

или

 <YourDivComponent className={'specialButton'}>something</YourDivComponent>

или

 <YourDivComponent className='specialButton'>something</YourDivComponent>

Отображает то же самое: <div class='specialButton'>something</div>