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