2017-02-23 9 views
0

私は単純なリストを持っていますが、文字列が0より長い場合でも常に同じ出力( "C")を得て、更新後でも変更されない場合は表示または非表示にしたい小道具と三元演算子

<li>{props.sen}{props.sen.length > 0 ? "" : "C"}</li> 
    <li>{props.sax}{props.sax.length > 0 ? "" : "C"}</li> 
    <li>{props.sac}{props.sac.length > 0 ? "" : "C"}</li> 

sensaxsacの初期状態は""ですが、でも、更新後の状態の更新「値」に、Cはまだ残っています。私はあなたが括弧を忘れてしまったと思います

+0

データを間違って更新しています。あなたは小道具から読んでいるが、あなたは '状態'の更新について言及する。より関連性の高いコードを投稿してください。 –

+0

すべてのコードが必要です。 – Andrew

+0

申し訳ありません...申し訳ありません...ソリューションは{(props.sac.length == 0? "": "C")}私はそれが動作し始めて角括弧を追加しました – OunknownO

答えて

1

、これを試してみてください。

<li>{props.sen}{(props.sen.length > 0 ? "" : "C")}</li> 
<li>{props.sax}{(props.sax.length > 0 ? "" : "C")}</li> 
<li>{props.sac}{(props.sac.length > 0 ? "" : "C")}</li> 
+0

ああ、申し訳ありませんが、あなたの質問に既に回答しました – Robsonsjre

+0

括弧を追加する*は質問に関連していません。 –

0

ソリューションは、「>」を削除し、「==」の代わりにそれを追加しました。これは正しいコードです

<li>{props.sen}{(props.sen.length == 0 ? "" : "C")}</li> 
<li>{props.sax}{(props.sax.length == 0 ? "" : "C")}</li> 
<li>{props.sac}{(props.sac.length == 0 ? "" : "C")}</li>