comewithme38
@comewithme38

Как поменять стиль элемента по определённому условию?

Мне нужно по клику на кнопку перекрасить соседний див в синий цвет. Компонент кнопка, и компонент див находятся на одном уровне.
<App>
<ComponentButton onClick = {..} />
<ConmponentDiv color = {..}/>
</App

Как правильно создать action который вызывает клик, а также в редаксе хранить цвет, который я передаю в ConmponentDiv?
компонент div:
const ComponentDiv = () => {
    const style = {
        color: "blue"
    }

    return (

        <div style={style}>
            hello
        </div>

    )
}

export default ComponentDiv;

компонент для кнопки:
const ComponentButton = () => {
    return (
            <button
                onClick={...}
                className="btn">click me
            </button>
    );
};

export default ComponentButton;

P.S. Использую стэк react/redux
  • Вопрос задан
  • 71 просмотр
Пригласить эксперта
Ответы на вопрос 1
RomReed
@RomReed
JavaScript, React js, ReactNative, Redux, Firebase
const ComponentDiv = () => {
    const styleBlue = {
        color: "blue"
    }
    const styleRed = {
        color: "red"
    }
    return (

        <div style={true?styleBlue:styleRed}> //вместо true доставьте свою переменную
            hello
        </div>

    )
}

export default ComponentDiv;
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы