Sobes.tech
Junior — Senior

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

livecode

Podmínka úkolu

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