「ReactNativeのif文の書き方」と「React hooksのif文」について

Question

表題についていくつか質問があります。

① const [ goodbotton, setGoodBotton ] = useState(<Image source={require('../../images/good_botton_inactive.png')} style={ {width: 65, height: 65} }/>);

上記のuseStateの初期値を●●がtrueの場合は●の初期値、●●がfalseの場合は●の初期値のように条件分岐させることはできますか？

②<View style={commonStyles.shadow} >

上記のコードにif文で●●がtrueの時はsetGoodBotton(<View style={uncommonStyles.shadow} >)、●●がfalseの時はsetGoodBotton(<View style={commonStyles.shadow} >)みたいに書くことはできますか？
目的はsetGoodBottonを使ってgoodbottonの値を変えたいです。

以上、React詳しい方、知恵を貸していただけると助かります。
何卒よろしくお願いいたします。

Answer 1

上記のuseStateの初期値を●●がtrueの場合は●の初期値、●●がfalseの場合は●の初期値のように条件分岐させることはできますか？

初期値として関数を渡してください。その返り値が実際の初期値となります。

②

単にsetGoodBotton(<View style={●● ? uncommonStyles.shadow : commonStyles.shadow} >)では不満でしょうか？

Comments

[Hinoarashi.]

ありがとうございます！
助かりました！！！！