반응 원주민의 조건에 따라 요소를 렌더링

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> 
); 
}