boolean値がtrueの時チェックボックスを表示したい（falseの時は非表示にしたい)

Question

archived が trueの時のみ下記のチェックボックスを表示するように変更したいです。

filterを使用すると思ったのですが、filterでboolean値がtrueの時を表示するといった記述はできないのでしょうか？

必要そうなところのみ抜いて記載しています。他に必要な部分があれば言ってください。よろしくお願いします。
そもそものreturn文が間違っているかもしれません。
現状falseの時はチェックがついている状態。クリックしても動かないようにしています。
trueの場合のみチェックが押せ、falseに変更することができています。

Answer 1

これかな？
https://stackoverflow.com/questions/24502898/show-or-hide-element-in-react

{ archived ? <Checkbox /> : null }

checkboxへhiddenのprop追加して、そちらでコントロールしても良い気がします。

Comments

[退会済みユーザー]

archived だと、underfindになるのでstate.archivedかなと思い、下記のように作成しました。
こちらだと、チェックボックスを押した途端に消えてしまい、ページ内の他の実行ボタンを押した際に消す使用にしたいのですが可能でしょうか？？
やはりhiddenで考えていった方がいいのでしょうか。。。
（元の質問に await onSubmit 部分追記させていただきました。）
すみません。よろしくお願いいたします

[heroyct]

最初から表示して、ページ内の他の実行ボタンを押した際に消す場合は、hiddenでいい気がします。

Checkboxコンポーネントへhiddenプロパティ追加する、hiddenがtrueの場合は .hiddenクラス追加するなどにします。

form側は最初state.hiddenをfalseにして、他の実行ボタンを押した際にtrueへすればいけると思います。

[退会済みユーザー]

archived だと、underfindになる。 stateにしたことが間違っていたようです。
定義されているのと違うコードを書いていたので無理だったようです。
教えていただいた
https://stackoverflow.com/questions/24502898/show-or-hide-element-in-react
で解決できました！