Sobes.tech
Junior — Senior

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

livecode

Feladatfeltétel

Необходимо обеспечить перерисовку компонента 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>
        </>
    );
};