React: コンポーネントについて

Question

#実現したいこと
reactでdisabledに渡したpropsのどちらかでもtrueであればdisabledにtrueを渡す方法を知りたい。

return{
<div className='sample'>
  <TextField
   disabled={this.props.isHasName} or {this.props.isHasprofile} //出来ないけど
  />
</div>
}
sample.propTypes = {
  isHasName: PropTypes.bool,
  isHasprofile: PropTypes.bool
}

Answer 1

素人考えで恐縮ですが || 演算子の結果を渡すのではだめなのでしょうか?
（的をはずしておりましたら、すみません）

this.props.isHasName || this.props.isHasprofile

Comments

[nanase21]

ご教示いただきありがとうございます。
React.jsについて勉強し始めたばかりのためそのような書き方ができるとは知りませんでした。

[sasnight]

ご返信いただきありがとうございます。
解決されたようで良かったです。
React.jsは学習していないため、私も勉強になりました。

Answer 2

こんにちは

以下でよいかと思います。

disabled={this.props.isHasName || this.props.isHasprofile} 

または、上記だと { ・・・ }　の中が長くなって読みづらいということであれば、以下

render() {

  const { isHasName, isHasprofile } = this.props;

のように分割代入しておいて、

disabled={isHasName || isHasprofile} 

とします。

Comments

[nanase21]

ご教示いただきありがとうございます。
解決しました。

[jun68ykt]

どういたしまして。
> 解決しました。
とのことで、よかったです ????