Q：jsonからのcontidionが1つのコンポーネントに反応するかどうか

Question

私は物を追加したり隠したりするために製品のタイプを作りたいと思います。私はProductNewとProductOldをレンダリングするかどうかを知っています。 1つの区画に違いをつけることは可能ですか？

これは、JSONです：

{ 
"products": { 
    "product": { 
     "type": "new", 
     "new": { 
      "text": "Some text..." 
     }, 
     "attr": { 
      "price": "20" 
     } 
    }, 
    "product2": { 
     "type": "old", 
     "attr": { 
      "price": "10" 
     } 
    } 
} 

}

Answer 1

それははい、可能です。型をプロパティとして単一のコンポーネントに渡し、ifステートメントをその中に移動するだけです。

だから、呼び出し元のコードが

<YourComponent type="{this.props.type}" /> 

ようになり、あなたが昔に何かがそしてちょうど

<div> 
{this.props.type == "New" ? 
    <span>New Stuff</span> : 
    null 
} 
</div> 

を使いたくない場合、コンポーネントは例

<div> 
{this.props.type == "New" ? 
    <span>New Stuff</span> : 
    <span>Old Stuff</span> 
} 
</div> 

のために、持っています