2017-03-13 7 views
0

매핑하여 피커 채우기, 내 Picker 배열로 상태에서 매핑하여 채우기 위해 노력하고있어. 매핑하는 동안 객체를 닫았으며 아무 문제가없는 것처럼 보입니다. 매핑되는 객체가 표시됩니다. 내가 뭘 잘못하고 있니? 도와 줄수있으세요? 여기 반응 네이티브 내 RN 프로젝트에

<Item> 
         <Picker 
           iosHeader="Select one" 
           mode="dropdown" 
           onValueChange={this.onBranchChange.bind(this)}> 
           {this.state.branchAddresses.map((address,i) => 
            { 
             console.log("myAddresses: ",address); 
             return <Item style={{fontFamily: 'SourceSansPro-Regular'}} label={address.id} value={address.id} key={i}/>} 
           )} 
          </Picker> 
         </Item> 

그리고

는 .IT는 아무 문제없이 개체를 기록 console.log()의 스냅 샷입니다. 여기

enter image description here

enter image description here 내가 얻을 경고입니다. enter image description here enter image description here

+0

'Item'에 구성 요소를 사용할 수 있습니까? –

+0

피커와 아래 구성 요소 사이에 선을 그리려면 Item을 사용하여 래핑했습니다. 하지만, 귀하의 의견 후 나는 항목없이 그것을 시도. 다시는 아무 것도 표시하지 않고 비어있는 흰색 페이지에 경고 만 표시합니다. - 질문에 경고의 스냅 샷을 추가했습니다. –

+0

반응 네이티브에서'Item'을 다시 가져 오는 것 같습니다. 이제 내 대답에 설명 된 두 가지 방법 중 하나를 사용해야합니다. –

답변

1

이 작업을 얻을 수있는 Picker 구성 요소에서 Item을 사용해야합니다.

두 가지 방법이 있습니다.

const PickerItem = Picker.Item;

나중에 <PickerItem>이 요소를 사용하여보다

.

아니면 그냥 직접`Picker`이 당신의 포장 이유

<Picker.Item style={{fontFamily: 'SourceSansPro-Regular'}} label={address.id} value={address.id} key={i}/>

+0

아니요, 'react-native'의 'Item'구성 요소입니다. Picker와 다음/아래 구성 요소 사이에 선을 그립니다. –

+0

옵션을 렌더링하려면'Picker'의'Item'을 사용해야합니다. 다음과 같이 할 수도 있습니다 : return'' –