Назад к задачам
Junior — Senior
11

Обновлять дочерний SubElement только при чётных значениях счётчика

Компании, где спрашивали:

IT OneIT One
Получайте помощь с лайвкодингом в реальном времени с Sobes Copilot
Условие задачи

Необходимо обеспечить перерисовку компонента SubElement исключительно тогда, когда переданное свойство count имеет чётное значение. При этом менять список пропсов нельзя.

import React, { useState } from "react";

const ParentElement = () => {
    const [counter, setCounter] = useState(0);
    const increase = () => setCounter(prev => prev + 1);
    
    return (
        <>
            Parent: {counter} <br />
            <SubElement clicker={increase} count={counter} />
        </>
    );
};

const SubElement = ({ clicker, count }) => {
    return (
        <>
            Sub: {count} <br />
            <button onClick={clicker}>Increment</button>
        </>
    );
};