Как динамически изменить стиль в реагирующем?

Question

Как и в реакции, мы можем проверить элемент, увидеть класс, примененный к элементу, и динамически изменить свойства css и увидеть в пользовательском интерфейсе. Аналогично, есть ли у нас что-то в реагировать на натив? значение свойства, но это не отражается в пользовательском интерфейсе.

Answer 1

Итак, у вас есть свойство стиля, и вы можете установить функцию.

<SomeComponent style={this.styleDefiningMethod()} ... />

styleDefiningMethod () { // pass a parameter that you want to be change in you style like let styleChange
    return {
        //your style definition e.g. background: '#ff00ff'
    }
}

Внутри вашего styleDefiningMethod вы можете добавить несколько логик c в зависимости от вашего состояния или параметра.