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

Question

[Аня Коломенская]

Как в "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">

Answer 1

[Даша Циклаури]

<Page title="SOME TEXT" no_text={this.state.content === null}>

UPD:

<Page title="SOME TEXT" {...(this.state.content === null?{no_text:true}:{})}>

Comments

[Аня Коломенская]

Даша Циклаури, Нет, такой вариант не работает.

[Даша Циклаури]

Аня Коломенская, тогда предложу альтернативу

<Page title="SOME TEXT" {...(this.state.content === null?{no_text:true}:{})}>

[Аня Коломенская]

Даша Циклаури, Большое спасибо! Это действительно работает.

[Даша Циклаури]

Аня Коломенская, если таких параметров 20 штук с разными условиями, то делается это примерно вот так

const restProps = {
  ...(condition1?{prop1:value1}:{}),
  ...(condition2?{prop2:value2}:{}),
  ...(condition20?{prop20:value20}:{}),
};
return <Page title="SOME TEXT" {...restProps} />;

Answer 2

[iamsergo]

Как я понимаю, no_text - логический параметр(true или false).

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

!!value - приводит value к логическому значению:

!!null === false
!!'' === false
!![] === true
!!'aaa' === true

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

Comments

[Аня Коломенская]

iamsergo, Да, конечно, там должно было быть закрытие тега - я не скопировала целиком. Но дело не в этом.
Нет, no_text - не логический параметр. Он параметр, чьё значение не имеет никакого значения - там может быть что угодно - true, false, null, NaN, 42. Важно само его существование или отсутствие. То есть в самом компоненте Page выполняется что-то вроде такого:
this.props.hasOwnProperty("no_text")