Учебный курс по React, часть 20: первое занятие по условному рендерингу

[strannik_k]

просим вас рассказать нам о том, как вы выполняете условный рендеринг.

Так:

//компонент If
export default function If({ condition, children }) {
    return condition === true ? children : null;
}

//и его использование
<If condition={2 === 2}>
    <span>Text</span>
</If>

Ну и c &&
reactjs.org/docs/conditional-rendering.html#inline-if-with-logical--operator

[v753]

Жду следующий урок

[MattNov]

Помогите!
Вопрос по части 18 (шестой этап работы над TODO — комментарии там уже закрыты) —
У кого вылетает ошибка в консоли при нажатии на чекбокс? Мне выдает props.handleChange not a function. Уже даже код просто копировал себе (и с оригинала тоже), но эта ошибка всё выскакивает. Нигде не могу найти решение. Почему компонент не видит функцию родителя?

[Yanis]

Прикладывайте код компонента целиком. Вероятно у вас где-то опечатка.

[ShaggyBumblebee]

А вы bind в конструкторе сделали?
this.handleChange = this.handleChange.bind(this)