Anya_Koya
@Anya_Koya
Ничтожество, отягощённое борьбой с прокрастинацией

Как в "React"-е передать параметр компоненту по условию?

Как в "React"-е передать параметр компоненту по условию? Я думала, что могло бы получиться что-то в этом роде, но такой код вылетает с ошибкой:
<Page title="SOME TEXT" {this.state.content === null ? "no_text" : null}>

Нужно сделать так, чтобы если this.state.content равняется null, то передавалось
<Page title="SOME TEXT" no_text>
Если же this.state.content равняется чему угодно иному, то передавалось
<Page title="SOME TEXT">
  • Вопрос задан
  • 76 просмотров
Решения вопроса 1
dasha_programmist
@dasha_programmist
ex Software Engineer at Reddit TS/React/GraphQL/Go
<Page title="SOME TEXT" no_text={this.state.content === null}>


UPD:
<Page title="SOME TEXT" {...(this.state.content === null?{no_text:true}:{})}>
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@iamsergo
Как я понимаю, no_text - логический параметр(true или false).

Можно сделать следующим образом:
<Page title='...' no_text={!!this.state.content}>

!!value - приводит value к логическому значению:
!!null === false
!!'' === false
!![] === true
!!'aaa' === true


Возможно это опечатка или не весь компонент, но пишется так
<Page /> или <Page></Page>, а у вас <Page>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы