홈>
제품 ID 저장(
item.id
)
)
productId
와 같은 상태
.
장바구니에 제품을 추가하려면 제품 ID가 필요합니다.
TouchableOpacity
를 클릭하면
잘 작동하지만
productId
항상 4입니다.
세 개의 아이템이 있습니다. 와이즈 비즈 마지막 항목 중 4 개는 첫 번째 항목은 2입니다.
id
를 클릭하면
제품 1의 ID는 4이지만 2 여야합니다.
listView에서 ID를 인쇄 할 때 ID가 정상임을 알 수 있습니다.
TouchableOpacity
<FlatList
data={this.state.dataSource}
renderItem={({item}) =>
<View>
<View>
<Text>{item.title} - {item.type}</Text>
<Text>{item.id}</Text>
<TouchableOpacity onPress={this.decrementCount,()=>this.setState({productId:item.id})}>
<AntDesign name="minus" size={15} style={{color:'#fff'}}/>
</TouchableOpacity>
<TouchableOpacity onPress={this.incrementCount} activeOpacity={0.5}>
<AntDesign name="plus" size={15} style={{color:'#fff'}}/>
</TouchableOpacity>
</View>
</View>
}
/>
-
답변 # 1
관련 자료
- flutter - [Dart]와 같이 목록에 데이터를 동적으로 추가하려면 어떻게해야합니까?
- 자바 스크립트에서 요소 ID를 어떻게 설정할 수 있습니까?
- angular - HTML 속성에 값을 어떻게 설정할 수 있습니까?
- sql server - 각 테이블의 데이터 크기는 어떻게 확인할 수 있습니까? (SQL)
- sql - 데이터 세트를 특정 규칙과 통합하는 방법
- xamarin - C #에서 ContentPage에 대해 ShellNavBarIsVisible = "false"를 어떻게 설정할 수 있습니까?
- java - String에서 데이터를 추출하려면 어떻게해야합니까?
- reactjs - 후크에서 상태를 어떻게 설정할 수 있습니까?
- javascript - DRF의 NUXTJS에서 데이터를 가져 오는 방법
- python - 네트워크의 URL에서 데이터를 어떻게 긁어 낼 수 있습니까?
- 행별로 데이터를 정렬하려면 어떻게합니까? [MYSQL]
- html - 마우스 오버시 하위 메뉴 컨테이너를 표시하려면 어떻게해야합니까?
- r - 라인 플롯에 자동화 된 데이터 레이블을 추가하는 방법은 무엇입니까?
- c# - 탁구에서 변형을 무작위로 이동하려면 어떻게해야합니까?
- c# - 딥 속성 가져 오기 및 설정을 단순화하는 방법
- python - 날짜별로 데이터를 필터링하는 방법
- fiware - IoT-AgentUL 데이터를 얻는 방법
- html - 내 상자가 페이지 하단에 닿지 않게하려면 어떻게해야합니까?
- drupal - 노드 제목으로 어떻게 쿼리 할 수 있습니까?
- angularjs - CRM javascript 값을 null로 설정하는 방법은 무엇입니까?
관련 질문
- reactjs - React Hook을 사용하여 React Native에서 TextInput으로 객체 배열의 특정 문자열을 어떻게 변경할 수 있습니까?
- ios - FlatList onRefresh는 SafeAreaView와 함께 작동하지 않습니다
- 스크롤하지 않는 네이티브 FlatList 반응 종료
- react native - 매번 같은 데이터를 너무 많이 렌더링
- javascript - 반응 형 - 이전 화면에서 선택한 숫자를 기반으로 입력을 렌더링하고 입력을 저장하는 방법
- react native - FlatList 심판 문제
- react native - FlatList 항목의 성능을 최적화하는 가장 좋은 방법
- 네이티브 반응 FlatList로 작업하기 위해 목록이 포함 된 객체로 목록을 전달하는 방법은 무엇입니까?
- ios - 일부 데이터 부분 후에 어떻게 FlatList에 구분 기호를 추가합니까?
- javascript - 순수 구성 요소의 React Native 업데이트 FlatList 데이터
이 줄이 귀하의 문제라고 생각합니다 :
먼저 클래스에 렌더 함수를 정의해야하며, onPress 함수와 별도로 정의해야합니다. 예를 들면 다음과 같습니다.
현재 작동하지 않는 진짜 이유는 onPress 함수에서 this.setState를 콜백으로 호출하려고하기 때문입니다. 현재 onPress를 다음에서 변경 한 경우 그대로 작동합니다. 와이즈 비즈 에 와이즈 비즈 this.setState에서 콜백으로 불리는 함수를 가질 수 있다고 확신합니다.
이것이 도움이되기를 바랍니다!
onPress={this.decrementCount,()=>this.setState({productId:item.id})}