Укладка элемента, который передается в переменную в реакции

Question

Я не уверен, что это называется, но я создал переменную, называемую test, и я установил ее равным элементу.

var test = <Button className="testButton" />

Тогда в моем возвращении, я использовать переменный тест, как это:

render() { 
var test = <Button className="testButton" /> 
    return{ 
    {test} 
    } 
} 

Я пытался стилизовать кнопку с применением Classname, но не кажется, что работать , Любые идеи о том, как я могу это сделать?

Answer 1

Эта кнопка поступает из Material-UI или из чего?

У него действительно есть связь с Materia-UI. Я почти уверен, что Button получает класс testButton и имеет эти стили, связанные с ним. Но Button в Material-UI получает стили из встроенных стилей благодаря MUI-Theme.

Acording на сайт Материально-UI

Все компоненты Материально-интерфейса имеют свои стили определены инлайн.

Так что, если у вашего класса есть стили, которые не являются !important - они будут просто проигнорированы, а встроенные будут приняты в любом случае. Есть на самом деле несколько решений в том, что:

• изменение MUI-тема
• переопределения инлайн-стили
• добавить стили класса !important, если вы хотите заменить что-то