2

Мне нужно по клику на кнопку перекрасить соседний див в синий цвет. Компонент кнопка, и компонент див находятся на одном уровне.

<App>
<ComponentButton onClick = {..} />
<ConmponentDiv color = {..}/>
</App

Как правильно создать action который вызывает клик, а также в редаксе хранить цвет, который я передаю в ConmponentDiv? Использую стэк react/typescript/redux.

компонент 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;

1 ответ 1

0

Значение цвета должно храниться как часть состояния ридакса. После нажатия на кнопку вызывается dispatch с экшеном изменения цвета. После получения из редьюсера нового состояния компонент дива перерисуется и изменит цвет.

1
  • Как все сложно... В vue можно сделпть очень просто через директивы или назначением класса по условию 26 янв 2020 в 1:01

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.