リアクタネイティブの条件に基づいて要素をレンダリングする

Question

条件に基づいて要素をレンダリングする方法リアクションネイティブ？

render() { 
    return (
     <Text>amount is: {this.state.amount}</Text> // it correctly prints amount value 
     </Button> 
     {this.state.amount} >= 85 ? <button>FIRST</button> : <button>SECOND</button> 
     <Text>some text</Text> 
); 
} 

しかし、このエラーメッセージが表示されます：

この

は私が試した方法ですあなたが紛失している

Expected a component class, got [object Object] 

Answer 1

あなた}：

render() { 
    return (
     <Text>amount is: {this.state.amount}</Text> 
     {this.state.amount >= 85 ? <button>FIRST</button> : <button>SECOND</button>} 
     <Text>some text</Text> 
); 
} 

Answer 2

あなたが持っていることに注意してくださいビュー内のすべてをラップします。あなたの代わりに `` の `` を書いているので、

render() { 
    return (
    <View> 
     <Text>amount is: {this.state.amount}</Text> 
     {this.state.amount >= 85 ? 
      <button>FIRST</button> : <button>SECOND</button> 
     } 
     <Text>some text</Text> 
    </View> 
); 
}